/** * Design tokens — single source of truth for theme + offers plugin. * Inlined in and enqueued as handle `lux-critical`. */ :root { /* Spacing */ --space-1: 0.25rem; /* 4px */ --space-2: 0.5rem; /* 8px */ --space-3: 0.75rem; /* 12px */ --space-4: 1rem; /* 16px */ --space-5: 1.25rem; /* 20px */ --space-6: 1.5rem; /* 24px */ --space-7: 1.75rem; /* 28px */ --space-8: 2rem; /* 32px */ --space-9: 2.25rem; /* 36px */ --space-10: 2.75rem; /* 44px */ --space-11: 3rem; /* 48px */ --space-12: 4rem; /* 64px */ /* Neutrals */ --color-white: #fff; --color-black: #000; --color-grey-50: #f7f7f8; --color-grey-100: rgb(249, 247, 241); --color-grey-200: #efeff0; --color-grey-300: rgb(222, 218, 208); --color-grey-400: #dfdfe1; --color-grey-500: #d9d9d9; --color-grey-600: #868993; --color-grey-700: #7e8188; --color-grey-800: #575962; --color-grey-900: #363a45; --color-grey-950: #21232b; /* Semantic */ --color-brand: rgb(15, 70, 79); --color-brand-hover: rgb(18, 86, 96); --color-accent: #00a07d; --color-new: rgb(191, 233, 200); --color-highlight: rgb(78, 254, 185); --color-danger: rgb(212, 48, 68); --color-gold: rgb(120, 112, 78); --color-luxplus: #304dab; --color-text: rgb(15, 12, 8); --color-text-muted: rgb(84, 84, 84); --color-surface: var(--color-white); --color-surface-muted: var(--color-grey-100); --color-border: var(--color-grey-300); --color-background-grey: var(--color-surface-muted); --color-border-grey: var(--color-border); --color-green: var(--color-accent); --btn-radius: 2px; --card-radius: 2px; --menu-shadow: 0 0 2px rgba(0, 0, 0, 0.1), 0 0 17px rgba(0, 0, 0, 0.05); }