/*
 * Design tokens - ported from the Lovable prototype (src/styles.css).
 * Hex values are the fallback for older browsers; the original oklch values
 * are applied where supported. Keep both blocks in sync.
 */
:root {
  --radius: 0.375rem;
  --background: #fefdfc;
  --foreground: #211e19;
  --card: #ffffff;
  --primary: #26241a;
  --primary-foreground: #fdfcf9;
  --secondary: #f6f3ec;
  --muted: #f6f3ec;
  --muted-foreground: #66635d;
  --accent: #efe7d8;
  --accent-foreground: #26241a;
  --destructive: #e7000b;
  --border: #e0ded8;
  --input: #e0ded8;
  --ring: #967d46;
  --gold: #8e7344;
  --ink: #24231b;
  --cream: #f7f3ea;
  --sage: #959c86;
  --fabric-cream: #ddd3c1;
  --fabric-gray: #86837e;
  --shadow-overlay: 0 16px 60px rgba(30, 26, 20, 0.12);
  --scrim: rgba(30, 26, 20, 0.4);
  --hero-wash: linear-gradient(270deg, rgba(245, 240, 230, 0.97) 0%, rgba(245, 240, 230, 0.87) 18%, transparent 49%);
  --font-sans: "Heebo", Arial, sans-serif;
}
@supports (color: oklch(0 0 0)) {
  :root {
    --background: oklch(0.995 0.002 85);
    --foreground: oklch(0.235 0.009 75);
    --card: oklch(1 0 0);
    --primary: oklch(0.26 0.018 100);
    --primary-foreground: oklch(0.99 0.004 85);
    --secondary: oklch(0.965 0.01 85);
    --muted: oklch(0.965 0.01 85);
    --muted-foreground: oklch(0.5 0.01 85);
    --accent: oklch(0.93 0.022 85);
    --accent-foreground: oklch(0.26 0.018 100);
    --destructive: oklch(0.577 0.245 27.325);
    --border: oklch(0.9 0.008 85);
    --input: oklch(0.9 0.008 85);
    --ring: oklch(0.6 0.08 85);
    --gold: oklch(0.57 0.073 80);
    --ink: oklch(0.255 0.015 100);
    --cream: oklch(0.964 0.013 85);
    --sage: oklch(0.68 0.032 120);
    --fabric-cream: oklch(0.87 0.026 83);
    --fabric-gray: oklch(0.61 0.008 80);
    --shadow-overlay: 0 16px 60px oklch(0.2 0.01 80 / 12%);
    --scrim: oklch(0.2 0.01 80 / 40%);
    --hero-wash: linear-gradient(270deg, oklch(0.95 0.019 80 / 97%) 0%, oklch(0.95 0.019 80 / 87%) 18%, transparent 49%);
  }
}