/* Torneo de Flores — sistema de marca (paleta y tipografía Café del Prado, PRD §10).
   Fuentes de marca originales (Storica / Thanatos VF / Gotham) no son libres:
   se usan sustitutas (Fraunces + Manrope), AUTO-HOSPEDADAS en /assets/fonts para
   no depender de internet en el local. Cambia --font-* aquí si consigues las originales. */

@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/assets/fonts/fraunces-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/assets/fonts/fraunces-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('/assets/fonts/manrope-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('/assets/fonts/manrope-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  /* paleta tierra del restaurante */
  --brand-dark-brown: #2F271E;
  --brand-green: #70663B;
  --brand-green-deep: #424419;
  --brand-brownie: #5D432A;
  --brand-greige: #D1CCBE;
  --brand-orange: #603529;
  --brand-light-green: #A2B8AE;
  --brand-light-greige: #EDECEB;

  /* roles semánticos — claro */
  --bg: #F3EFE6;
  --surface: #FFFFFF;
  --surface-2: #EFE9DC;
  --border: #DDD3C0;
  --text: #2F271E;
  --text-muted: #6B5D48;
  --accent: #603529;
  --accent-strong: #4A2A1F;
  --accent-contrast: #FFFFFF;
  --sage: #6E8F80;
  --sage-soft: #DDE6E1;
  --olive: #5B5B22;
  --olive-soft: #E6E3C6;
  --danger: #9A2E1F;
  --danger-soft: #F2DDD5;
  --gold: #A87C3D;

  --radius: 14px;
  --radius-sm: 9px;
  --radius-lg: 22px;
  --shadow: 0 1px 2px rgba(47, 39, 30, .06), 0 12px 30px rgba(47, 39, 30, .10);
  --shadow-sm: 0 1px 2px rgba(47, 39, 30, .08);

  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-text: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --step--1: clamp(.78rem, .74rem + .2vw, .86rem);
  --step-0: clamp(.95rem, .9rem + .3vw, 1.05rem);
  --step-1: clamp(1.15rem, 1.05rem + .5vw, 1.4rem);
  --step-2: clamp(1.5rem, 1.3rem + 1vw, 2rem);
  --step-3: clamp(2rem, 1.6rem + 2vw, 3rem);
  --step-4: clamp(2.8rem, 2rem + 4vw, 4.5rem);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #1C1710;
    --surface: #271F18;
    --surface-2: #322820;
    --border: #493B2B;
    --text: #F1E8D8;
    --text-muted: #C0B196;
    --accent: #E0916B;
    --accent-strong: #EDAA83;
    --accent-contrast: #241009;
    --sage: #9EC0AF;
    --sage-soft: #2E3B34;
    --olive: #B7CB7C;
    --olive-soft: #333B1F;
    --danger: #E2876A;
    --danger-soft: #3B2620;
    --gold: #D8AC6A;
    --shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 12px 30px rgba(0, 0, 0, .45);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
  }
}

:root[data-theme="dark"] {
  --bg: #1C1710;
  --surface: #271F18;
  --surface-2: #322820;
  --border: #493B2B;
  --text: #F1E8D8;
  --text-muted: #C0B196;
  --accent: #E0916B;
  --accent-strong: #EDAA83;
  --accent-contrast: #241009;
  --sage: #9EC0AF;
  --sage-soft: #2E3B34;
  --olive: #B7CB7C;
  --olive-soft: #333B1F;
  --danger: #E2876A;
  --danger-soft: #3B2620;
  --gold: #D8AC6A;
  --shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 12px 30px rgba(0, 0, 0, .45);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
}