28 lines
1.5 KiB
CSS
28 lines
1.5 KiB
CSS
|
:root {
|
||
|
|
--background: 0 0% 100%; /* White */
|
||
|
|
--foreground: 0 0% 13%; /* #212121 - near black */
|
||
|
|
--card: 0 0% 98%; /* #faf9f8 - light gray */
|
||
|
|
--card-foreground: 0 0% 13%; /* #212121 */
|
||
|
|
--popover: 0 0% 100%; /* White */
|
||
|
|
--popover-foreground: 0 0% 13%; /* #212121 */
|
||
|
|
--primary: 24 90% 54%; /* #d83b01 - Office orange */
|
||
|
|
--primary-foreground: 0 0% 100%; /* White */
|
||
|
|
--secondary: 210 36% 96%; /* #f3f2f1 - light blue-gray */
|
||
|
|
--secondary-foreground: 0 0% 13%; /* #212121 */
|
||
|
|
--muted: 0 0% 90%; /* #e1dfdd - muted gray */
|
||
|
|
--muted-foreground: 0 0% 40%; /* #666666 */
|
||
|
|
--accent: 207 90% 54%; /* #0078d4 - Office blue */
|
||
|
|
--accent-foreground: 0 0% 100%; /* White */
|
||
|
|
--destructive: 0 85% 60%; /* #e81123 - Office red */
|
||
|
|
--destructive-foreground: 0 0% 100%; /* White */
|
||
|
|
--border: 0 0% 85%; /* #d2d0ce - light border */
|
||
|
|
--input: 0 0% 100%; /* White */
|
||
|
|
--ring: 207 90% 54%; /* #0078d4 */
|
||
|
|
--radius: 0.25rem; /* Slightly less rounded */
|
||
|
|
--chart-1: 24 90% 54%; /* Office orange */
|
||
|
|
--chart-2: 207 90% 54%; /* Office blue */
|
||
|
|
--chart-3: 120 60% 40%; /* Office green */
|
||
|
|
--chart-4: 340 82% 52%; /* Office magenta */
|
||
|
|
--chart-5: 44 100% 50%; /* Office yellow */
|
||
|
|
}
|