| 1 |
/* Invoice Template Variables */ |
| 2 |
:root { |
| 3 |
/* Colors - Base Theme */ |
| 4 |
--color-primary: #3b82f6; |
| 5 |
--color-primary-light: #bfdbfe; |
| 6 |
--color-primary-dark: #1d4ed8; |
| 7 |
--color-background: #ffffff; |
| 8 |
--color-background-alt: #f1f5f9; |
| 9 |
--color-text: #0f172a; |
| 10 |
--color-text-light: #475569; |
| 11 |
--color-border: #e2e8f0; |
| 12 |
--color-success: #10b981; |
| 13 |
--color-warning: #f59e0b; |
| 14 |
--color-error: #ef4444; |
| 15 |
|
| 16 |
/* Spacing */ |
| 17 |
--spacing-xs: 0.5rem; |
| 18 |
--spacing-sm: 0.75rem; |
| 19 |
--spacing-md: 1rem; |
| 20 |
--spacing-lg: 1.5rem; |
| 21 |
--spacing-xl: 2rem; |
| 22 |
--spacing-2xl: 3rem; |
| 23 |
|
| 24 |
/* Typography */ |
| 25 |
--font-size-xs: 0.75rem; |
| 26 |
--font-size-sm: 0.875rem; |
| 27 |
--font-size-base: 1rem; |
| 28 |
--font-size-lg: 1.125rem; |
| 29 |
--font-size-xl: 1.25rem; |
| 30 |
--font-size-2xl: 1.5rem; |
| 31 |
--font-size-3xl: 1.875rem; |
| 32 |
|
| 33 |
/* Border Radius */ |
| 34 |
--radius-sm: 0.25rem; |
| 35 |
--radius-md: 0.375rem; |
| 36 |
--radius-lg: 0.5rem; |
| 37 |
--radius-xl: 0.75rem; |
| 38 |
--radius-full: 9999px; |
| 39 |
|
| 40 |
/* Shadows */ |
| 41 |
--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05); |
| 42 |
--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1); |
| 43 |
--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1); |
| 44 |
--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1); |
| 45 |
|
| 46 |
/* Transitions */ |
| 47 |
--transition-fast: 150ms; |
| 48 |
--transition-normal: 300ms; |
| 49 |
--transition-slow: 500ms; |
| 50 |
} |
