:root {
  /* Warm premium — ivory surfaces, espresso ink, champagne-gold accent.
     Tuned to harmonize with warm, moody portrait photography. */
  --white: #ffffff;
  --bg: #faf6ef;
  --bg-soft: #f4ede1;
  --bg-mist: #ece2d1;
  --surface: #fffdf8;

  --ink: #1f1811;
  --ink-2: #2b2217;
  --text: #33291d;
  --text-secondary: #695e4c;
  --text-muted: #9a8d77;
  --on-dark: #f4ece0;
  --on-dark-muted: rgba(240, 231, 214, 0.68);

  --line: #ece1cf;
  --line-strong: #dccdb2;

  /* Champagne-gold system (variable names kept from the old blue scheme) */
  --blue: #9c6f1e;
  --blue-hover: #825914;
  --blue-deep: #67450f;
  --blue-ink: #33270f;
  --blue-soft: #f7efdc;
  --blue-soft-2: #f0e2c4;
  --blue-line: #e6d2a4;

  --success: #5a7f39;
  --warn: #bd7d16;
  --danger: #bd4630;

  /* Warm secondary accents (bronze / copper / amber family) */
  --cyan: #c58a38;
  --indigo: #8a6a2f;
  --sky: #cf9c44;
  --teal: #7d6a3a;
  --violet: #9a5f2a;

  --grad-blue: linear-gradient(135deg, #c99a44 0%, #a97b28 45%, #7c5718 100%);
  --grad-brand: linear-gradient(100deg, #caa14a 0%, #a97b28 55%, #855d17 100%);
  --grad-hero-glow: radial-gradient(55% 50% at 84% 12%, rgba(201, 161, 74, 0.22), transparent 60%),
    radial-gradient(50% 48% at 78% 40%, rgba(169, 123, 40, 0.16), transparent 62%),
    radial-gradient(45% 40% at 6% 88%, rgba(120, 88, 40, 0.10), transparent 58%);
  --grad-cta: linear-gradient(150deg, #17120c 0%, #2b2013 48%, #4c3618 100%);

  /* Icon tile gradients — warm metallic range */
  --g1: linear-gradient(135deg, #c99a44, #8a6320);
  --g2: linear-gradient(135deg, #c67f3f, #8a4d20);
  --g3: linear-gradient(135deg, #a5843c, #6f5320);
  --g4: linear-gradient(135deg, #d0a24e, #a3761d);
  --g5: linear-gradient(135deg, #8a7440, #5a4824);
  --g6: linear-gradient(135deg, #4a3a24, #241c12);

  /* Layered premium shadows (warm brown tint) */
  --shadow-xs: 0 1px 2px rgba(45, 34, 18, 0.05);
  --shadow-sm: 0 1px 3px rgba(45, 34, 18, 0.07), 0 1px 2px rgba(45, 34, 18, 0.05);
  --shadow-md: 0 4px 12px rgba(45, 34, 18, 0.07), 0 12px 28px -14px rgba(45, 34, 18, 0.16);
  --shadow-lg: 0 2px 6px rgba(45, 34, 18, 0.06), 0 30px 60px -24px rgba(45, 34, 18, 0.30);
  --shadow-blue: 0 10px 30px -10px rgba(154, 108, 30, 0.42);

  --font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1.0625rem;
  --text-lg: 1.1875rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.625rem;
  --text-3xl: 2.125rem;
  --text-4xl: 2.75rem;
  --text-5xl: 3.5rem;
  --text-6xl: 4.25rem;

  --lh-tight: 1.08;
  --lh-snug: 1.28;
  --lh-normal: 1.55;
  --lh-relaxed: 1.72;

  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.25rem;
  --s-6: 1.5rem;
  --s-8: 2rem;
  --s-10: 2.5rem;
  --s-12: 3rem;
  --s-16: 4rem;
  --s-20: 5rem;
  --s-24: 6rem;
  --s-32: 8rem;

  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 22px;
  --r-2xl: 28px;
  --r-full: 999px;

  --container: 1180px;
  --header-h: 74px;
  --sticky-h: 66px;
  --ease: 0.24s cubic-bezier(0.22, 1, 0.36, 1);
  --ease-slow: 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}