/* ============================================================
   Lucky's Corporate — design tokens + self-hosted fonts
   Ported from luckys-sites/src/index.html :root (brand-preserved).
   ============================================================ */

/* Self-hosted faces (lifted from luckys-sites/src/assets/fonts/) */
@font-face{
  font-family:'Anton';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('../fonts/anton-latin.woff2') format('woff2');
}
@font-face{
  font-family:'Archivo';
  font-style:normal;
  font-weight:100 900;          /* variable */
  font-display:swap;
  src:url('../fonts/archivo-latin-var.woff2') format('woff2-variations');
}

:root{
  /* ---- Brand palette (exact, from luckys-sites) ---- */
  --orange:#FD8C01;
  --burnt:#BC4401;
  --charcoal:#32393B;
  --black:#0A0806;
  --black-2:#13100C;
  --char:#1A1611;
  --gray:#444743;
  --brown:#935F1D;

  /* ---- Neutrals ---- */
  --bone:#F4F1EA;
  --paper:#ECE7DD;
  --dim:#C8C3B8;
  --ink:#15191A;
  --muted:#8C887F;
  --line:rgba(244,241,234,.12);
  --line-2:rgba(244,241,234,.22);
  --line-dark:rgba(10,8,6,.12);

  /* ---- Corporate surface semantics (light-first, professional) ---- */
  --surface:var(--bone);          /* default page background (light, corporate) */
  --surface-2:var(--paper);       /* alternating band */
  --on-surface:var(--ink);        /* body text on light */
  --on-surface-muted:#5c5750;     /* AA-safe muted on light */
  --surface-dark:var(--black);    /* hero / CTA bands */
  --on-dark:var(--bone);          /* text on dark */
  --on-dark-muted:#b9b4a8;        /* AA-safe muted on dark */

  /* ---- Type ---- */
  --display:'Anton',Impact,sans-serif;
  --body:'Archivo',system-ui,sans-serif;
  --text-display:clamp(2.75rem,8vw,6rem);
  --text-h2:clamp(1.9rem,4.6vw,3.4rem);
  --text-h3:clamp(1.25rem,2.4vw,1.7rem);

  /* ---- Layout ---- */
  --maxw:1240px;
  --pad:clamp(1.2rem,4vw,2.6rem);
  --section-y:clamp(3.5rem,8vw,7rem);
  --radius:4px;
  --radius-lg:10px;
  --shadow:0 18px 50px -18px rgba(0,0,0,.6);
  --shadow-card:0 12px 34px -18px rgba(10,8,6,.35);
  --ease:cubic-bezier(.16,1,.3,1);
}