/* Design Plan
   Subject: Cedar Lane Studio - small bespoke interior design practice.
   Materials & feel: aromatic cedar timber, honed limestone, oat linen, blackened steel, architectural light.
   Idea: On this site, the precision of an architectural project specification sheet meets tactile residential warmth, pairing measured design consultation tiers with an honest, calm quote intake.
   Bold element: A quiet, generous split hero where the quote request tool is present right alongside architectural studio details.
*/

:root {
  --color-ground: #f8f6f0;
  --color-ink: #1f1e1c;
  --color-accent: #8b4a2b;
  --color-wood: #3e3228;
  --color-sand: #eee9df;
  --color-linen: #ffffff;

  --color-muted: color-mix(in oklch, var(--color-ink) 70%, transparent);
  --color-subtle: color-mix(in oklch, var(--color-ink) 12%, transparent);
  --color-border: color-mix(in oklch, var(--color-wood) 20%, transparent);
  --color-accent-soft: color-mix(in oklch, var(--color-accent) 12%, var(--color-ground));

  --font-display: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
  --font-body: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;

  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.0625rem;
  --text-lg: 1.375rem;
  --text-xl: 2.25rem;
  --text-display: clamp(2.2rem, 5vw, 3.5rem);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  --radius-none: 0px;
}