/** * Theme: Default (Brand) * Override these variables in other theme files to swap the entire look. */ :root { /* Brand colours — pulled from site_settings via PHP inline style on */ --clr-primary: #e74c3c; --clr-primary-dk: #c0392b; --clr-primary-lt: #fdecea; --clr-secondary: #2c3e50; --clr-accent: #f39c12; /* Neutrals */ --clr-bg: #f7f8fa; --clr-surface: #ffffff; --clr-border: #e2e6ea; --clr-text: #1a1a2e; --clr-text-muted: #6c757d; --clr-text-on-primary: #ffffff; /* Header / Nav */ --clr-header-bg: #ffffff; --clr-header-text: #1a1a2e; /* Footer */ --clr-footer-bg: #1a1a2e; --clr-footer-text: #adb5bd; /* Status colours */ --clr-success: #28a745; --clr-warning: #ffc107; --clr-danger: #dc3545; --clr-info: #17a2b8; /* Shadows */ --shadow-sm: 0 1px 3px rgba(0,0,0,.08); --shadow-md: 0 4px 12px rgba(0,0,0,.10); --shadow-lg: 0 8px 24px rgba(0,0,0,.12); /* Radius */ --radius-sm: 4px; --radius-md: 8px; --radius-lg: 16px; --radius-xl: 24px; --radius-full: 9999px; /* Spacing */ --sp-xs: 0.25rem; --sp-sm: 0.5rem; --sp-md: 1rem; --sp-lg: 1.5rem; --sp-xl: 2rem; --sp-2xl: 3rem; /* Typography */ --font-body: 'Inter', system-ui, -apple-system, sans-serif; --font-heading: 'Playfair Display', Georgia, serif; --font-mono: 'JetBrains Mono', 'Fira Code', monospace; /* Transitions */ --transition-fast: 150ms ease; --transition-normal: 250ms ease; --transition-slow: 400ms ease; /* Z-index layers */ --z-dropdown: 100; --z-sticky: 200; --z-header: 300; --z-modal: 400; --z-toast: 500; }