/* ============================================================
   Eleven Ops — Design Tokens
   Fiel al design system de marca (burgundy / lime / cream / orange).
   Fuentes self-hosted: Aileron (sistema), Playfair (solo wordmark),
   Gistesy (acento script). Nunca blanco puro: el "blanco" es cream.
   ============================================================ */

/* ---------- Fonts ---------- */
@font-face{font-family:'Aileron';font-weight:300;font-style:normal;font-display:swap;src:url('../assets/fonts/aileron-300.woff2') format('woff2');}
@font-face{font-family:'Aileron';font-weight:400;font-style:normal;font-display:swap;src:url('../assets/fonts/aileron-400.woff2') format('woff2');}
@font-face{font-family:'Aileron';font-weight:600;font-style:normal;font-display:swap;src:url('../assets/fonts/aileron-600.woff2') format('woff2');}
@font-face{font-family:'Aileron';font-weight:700;font-style:normal;font-display:swap;src:url('../assets/fonts/aileron-700.woff2') format('woff2');}
@font-face{font-family:'Aileron';font-weight:800;font-style:normal;font-display:swap;src:url('../assets/fonts/aileron-800.woff2') format('woff2');}
@font-face{font-family:'Playfair Display';font-weight:700;font-style:normal;font-display:swap;src:url('../assets/fonts/playfair-700.woff2') format('woff2');}
@font-face{font-family:'Playfair Display';font-weight:800;font-style:normal;font-display:swap;src:url('../assets/fonts/playfair-800.woff2') format('woff2');}
@font-face{font-family:'Gistesy';font-weight:400;font-style:normal;font-display:swap;src:url('../assets/fonts/gistesy.woff') format('woff');}

:root{
  /* ---- Base brand palette ---- */
  --burgundy:#7B0D45;
  --lime:#C5CC3A;
  --cream:#FEFBD0;
  --orange:#F7692A;

  /* ---- Tints & shades ---- */
  --burgundy-950:#3A051F;
  --burgundy-900:#4E0729;
  --burgundy-800:#620A36;
  --burgundy-700:#7B0D45;
  --burgundy-600:#96235E;
  --burgundy-500:#B0447B;
  --burgundy-200:#E7C3D5;
  --burgundy-100:#F3E1EA;

  --lime-700:#9AA127;
  --lime-600:#AEB531;
  --lime-500:#C5CC3A;
  --lime-300:#DBE07E;
  --lime-100:#EFF2C4;

  --orange-700:#D24E12;
  --orange-600:#E85A1D;
  --orange-500:#F7692A;
  --orange-300:#FBA277;
  --orange-100:#FDDDCB;

  --cream-500:#FEFBD0;
  --cream-300:#FDF7B4;
  --cream-tint:#FFFEF0;

  /* ---- Semantic ---- */
  --bg:var(--cream);
  --bg-alt:var(--lime);
  --bg-invert:var(--burgundy);
  --surface:var(--cream-tint);
  --surface-invert:var(--burgundy-600);

  --ink:var(--burgundy);
  --ink-muted:var(--burgundy-500);
  --ink-invert:var(--cream);
  --ink-invert-muted:var(--burgundy-200);

  --accent:var(--orange);
  --accent-hover:var(--orange-600);
  --secondary:var(--lime);

  --border:var(--burgundy-200);
  --border-strong:var(--burgundy);
  --border-invert:var(--burgundy-500);
  --focus:var(--orange);

  /* ---- Type ---- */
  --font-sans:'Aileron',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --font-logo:'Playfair Display',Georgia,'Times New Roman',serif;
  --font-script:'Gistesy','Brush Script MT',cursive;

  --fw-light:300;--fw-regular:400;--fw-semibold:600;--fw-bold:700;--fw-black:800;

  --ls-tight:-0.03em;--ls-snug:-0.01em;--ls-normal:0;--ls-wide:0.04em;--ls-caps:0.14em;

  /* ---- Spacing / layout ---- */
  --container:1200px;
  --container-narrow:760px;
  --gutter:clamp(20px,5vw,40px);
  --section-y:clamp(72px,10vw,140px);

  /* ---- Radii ---- */
  --r-xs:6px;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:36px;--r-pill:999px;

  /* ---- Shadows — burgundy-tinted, warm, layered ---- */
  --shadow-xs:0 1px 2px rgba(78,7,41,.08);
  --shadow-sm:0 2px 8px rgba(78,7,41,.10);
  --shadow-md:0 8px 24px rgba(78,7,41,.14);
  --shadow-lg:0 20px 48px rgba(78,7,41,.20);
  --shadow-xl:0 32px 80px rgba(58,5,31,.34);
  --shadow-accent:0 12px 30px rgba(247,105,42,.34);

  /* ---- Motion ---- */
  --ease:cubic-bezier(0.22,0.61,0.36,1);
  --ease-out:cubic-bezier(0.16,1,0.3,1);
  --dur-fast:140ms;--dur-base:260ms;--dur-slow:520ms;

  /* ---- Z-index scale ---- */
  --z-base:1;--z-raised:10;--z-sticky:100;--z-nav:200;--z-overlay:300;--z-cursor:9999;
}