/**
 * AV CREATIVES — Design System Tokens & Brand Palette
 * Brand: AV CREATIVES | Creative Digital Studio
 * Warm Palette Matched Directly to Studio Workspace Photography
 */

:root {
  /* ==================================================
     NEW AV CREATIVES WARM COLOR SYSTEM
     Directly matched to primary workspace photography
     ================================================== */
  --bg-primary: #F8EFE4;       /* Primary Dominant Website Background (matches image wall) */
  --bg-light-cream: #FCF6EE;   /* Light Cream for Alternating Sections */
  --bg-soft-beige: #F0E5D8;    /* Soft Beige for Alternating Sections & Footer */
  --bg-secondary: #FCF6EE;     /* Secondary Section Background */
  --bg-alt: #F0E5D8;           /* Alternating Section Background */
  --bg-warm-beige: #E6DACD;    /* Warm Beige Accent (matches image icon circle badges) */
  --bg-light-taupe: #DFD2C4;   /* Light Taupe Accent */
  --bg-white: #FFFFFF;         /* Pure Card White */

  --color-primary: #8C6D4E;     /* Warm Rich Brown Accent & Primary CTA (matches wooden chair & books) */
  --color-secondary: #705237;   /* Deep Brown Accent */
  --color-warm-brown: #8C6D4E;
  --color-deep-brown: #705237;
  --color-warm-beige: #E6DACD;
  --color-light-taupe: #DFD2C4;
  --color-taupe: #DFD2C4;
  --color-beige: #E6DACD;
  --color-blush: #F0E5D8;
  --color-sage: #DFD2C4;

  --text-main: #261E17;         /* Deep Espresso Charcoal Primary Typography */
  --text-heading: #261E17;      /* Dark Headings */
  --text-muted: #6C6258;        /* Warm Muted Charcoal Text */
  --text-secondary: #6C6258;

  /* Borders & Shadows */
  --border-light: rgba(112, 82, 55, 0.12);   /* Subtle Warm Border */
  --border-medium: rgba(112, 82, 55, 0.20);
  --border-focus: rgba(140, 109, 78, 0.50);
  --shadow-subtle: 0 4px 20px rgba(70, 50, 35, 0.05);
  --shadow-card: 0 8px 30px rgba(70, 50, 35, 0.08);  /* Soft Warm Shadow */
  --shadow-card-hover: 0 16px 40px rgba(70, 50, 35, 0.12);

  /* Exact Typography */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-handwritten: 'Cormorant Garamond', cursive, italic;

  /* Typography Scales */
  --text-xs: 0.75rem;     /* 12px */
  --text-sm: 0.875rem;    /* 14px */
  --text-base: 1rem;      /* 16px */
  --text-md: 1.125rem;    /* 18px */
  --text-lg: 1.25rem;     /* 20px */
  --text-xl: 1.5rem;      /* 24px */
  --text-2xl: 2rem;       /* 32px */
  --text-3xl: 2.5rem;     /* 40px */
  --text-4xl: 3.25rem;    /* 52px */
  --text-5xl: 4.25rem;    /* 68px */

  /* Layout Spacing */
  --container-max-width: 1340px;
  --container-narrow-width: 960px;
  --container-reading-width: 760px;
  --header-height-desktop: 86px;
  --header-height-mobile: 68px;
  --section-padding-y: clamp(3rem, 6vw, 6.5rem);
  --section-padding-x: clamp(1rem, 4vw, 3.5rem);

  /* Border Radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-card: 20px;
  --radius-card-lg: 28px;
  --radius-pill: 9999px;
  --radius-arch: 200px 200px 0 0;
  --radius-arch-full: 200px 200px 24px 24px;

  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-base: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}