/* Zimick Brothers Cleaning — Design Tokens Palette derived from the red-van brand asset. Clean, fresh, bright — white and near-white surfaces, Zimick red as the accent. Light theme only. No dark mode. */ :root { color-scheme: light; /* Type scale (fluid) */ --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem); --text-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem); --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem); --text-lg: clamp(1.125rem, 1rem + 0.75vw, 1.5rem); --text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem); --text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem); --text-3xl: clamp(2.5rem, 1rem + 4vw, 5rem); --text-hero: clamp(3rem, 0.5rem + 7vw, 7rem); /* 4px spacing */ --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --space-24: 6rem; --space-32: 8rem; /* Content widths */ --content-narrow: 640px; --content-default: 1040px; --content-wide: 1240px; /* Radius */ --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --transition-interactive: 180ms cubic-bezier(0.16, 1, 0.3, 1); /* Softer, lighter shadows for a cleaner feel */ --shadow-sm: 0 1px 2px rgba(30, 25, 20, 0.04); --shadow-md: 0 4px 14px rgba(30, 25, 20, 0.06); --shadow-lg: 0 14px 34px rgba(30, 25, 20, 0.10); /* Fonts — loaded via Google Fonts in */ --font-display: 'Playfair Display', 'Iowan Old Style', Georgia, serif; --font-body: 'Inter', 'Helvetica Neue', system-ui, sans-serif; } /* Light palette — the only palette. */ :root, [data-theme='light'] { /* Bright, fresh surfaces */ --color-bg: #fbfaf7; /* page background — near-white with a hint of warmth */ --color-surface: #ffffff; /* primary card / hero surface — pure white */ --color-surface-2: #ffffff; /* elevated surface — pure white */ --color-surface-offset: #f4f1eb; /* subtle contrast band */ --color-surface-offset-2: #ece7de; /* deeper subtle band */ --color-divider: #ece7de; --color-border: #ddd6c9; /* Text — warm dark, still WCAG AA on white and cream */ --color-text: #2a231d; --color-text-muted: #6b6259; --color-text-faint: #a49f96; --color-text-inverse: #ffffff; /* Primary — Zimick red (the brand) */ --color-primary: #b52a2a; --color-primary-hover: #931f1f; --color-primary-active: #6d1616; --color-primary-highlight: #fbe6e6; /* Support */ --color-accent: #2f5a70; /* Cleaner teal-blue for a fresh feel */ --color-success: #3f7a2b; --color-warning: #a95a15; }