/* ==========================================================================
   Architex design tokens
   Single source of truth for colour, type, spacing, radius and shadow.
   Retheme the whole app (storefront + admin) by editing this file only.
   ========================================================================== */

:root {
  /* ---- Brand colour -------------------------------------------------- */
  --gold: #eac468;          /* primary accent — logo mark, gold pills */
  --gold-deep: #f0c25a;     /* slightly warmer gold for gradients/overlays */
  --gold-tint: #faf1dc;     /* very light gold wash for highlight rows */
  --gold-edge: #d9ad48;     /* gold border / hover state */

  --ink: #111111;           /* primary text, black pills */
  --ink-soft: #1a1a1a;      /* headings on light backgrounds */
  --ink-muted: #5c5a56;     /* secondary text */
  --ink-faint: #8a8781;     /* captions, meta, placeholder */

  --white: #ffffff;
  --warm-gray: #f5f4f2;     /* section-break background */
  --warm-gray-2: #ecebe7;   /* card hover / table stripe */
  --line: #e2e0dc;          /* hairline borders */
  --line-strong: #cfccc6;

  /* ---- Status colour (restrained, used only for badges) -------------- */
  --ok: #2f6d4f;
  --ok-bg: #e7f2ec;
  --warn: #8a6216;
  --warn-bg: #fbf1da;
  --danger: #98342b;
  --danger-bg: #f8e9e7;
  --info: #2a4f7c;
  --info-bg: #e7eef7;

  /* ---- Typography ----------------------------------------------------- */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;

  --fs-xs: 0.75rem;
  --fs-sm: 0.8125rem;
  --fs-base: 0.9375rem;
  --fs-md: 1.0625rem;
  --fs-lg: 1.3125rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.375rem;
  --fs-3xl: 3.25rem;
  --fs-hero: clamp(2.4rem, 6vw, 4.25rem);

  --lh-tight: 1.08;
  --lh-snug: 1.3;
  --lh-body: 1.65;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semi: 600;
  --fw-bold: 700;
  --fw-black: 800;

  --tracking-wordmark: 0.34em;
  --tracking-caps: 0.14em;

  /* ---- Spacing scale --------------------------------------------------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --sp-10: 128px;

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

  /* ---- Elevation ------------------------------------------------------- */
  --shadow-sm: 0 1px 2px rgba(17, 17, 17, 0.05);
  --shadow-md: 0 4px 16px rgba(17, 17, 17, 0.07);
  --shadow-lg: 0 18px 48px rgba(17, 17, 17, 0.12);

  /* ---- Layout ---------------------------------------------------------- */
  --container: 1180px;
  --container-wide: 1440px;
  --nav-h: 74px;

  --transition: 160ms ease;
}