/* ============================================================
   AK AGENCY - Brand tokens (v2 refresh)
   ============================================================
   A deliberate sibling to BEYONDai's "Warm Citation" system,
   clearly its own brand: warm linen + slate ink editorial base
   (in the spirit of aleksandraking.com), one signature coral.
   Type stays locked: Quiche Sans (display) + Poppins (body).
   Fonts live at the project root /fonts - referenced ../fonts.
   ============================================================ */

/* ---------- Quiche Sans (display) ---------- */
@font-face { font-family: "Quiche Sans"; src: url("../fonts/QuicheSans-Thin.otf")          format("opentype"); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: "Quiche Sans"; src: url("../fonts/QuicheSans-ThinItalic.otf")     format("opentype"); font-weight: 100; font-style: italic; font-display: swap; }
@font-face { font-family: "Quiche Sans"; src: url("../fonts/QuicheSans-Light.otf")          format("opentype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Quiche Sans"; src: url("../fonts/QuicheSans-LightItalic.otf")    format("opentype"); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: "Quiche Sans"; src: url("../fonts/QuicheSans-Regular.otf")        format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Quiche Sans"; src: url("../fonts/QuicheSans-Italic.otf")         format("opentype"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Quiche Sans"; src: url("../fonts/QuicheSans-Medium.otf")         format("opentype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Quiche Sans"; src: url("../fonts/QuicheSans-MediumItalic.otf")   format("opentype"); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: "Quiche Sans"; src: url("../fonts/QuicheSans-Bold.otf")           format("opentype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Quiche Sans"; src: url("../fonts/QuicheSans-BoldItalic.otf")     format("opentype"); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: "Quiche Sans"; src: url("../fonts/QuicheSans-ExtraBold.otf")      format("opentype"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Quiche Sans"; src: url("../fonts/QuicheSans-Black.otf")          format("opentype"); font-weight: 900; font-style: normal; font-display: swap; }

/* ---------- Poppins (body) ---------- */
@font-face { font-family: "Poppins"; src: url("../fonts/Poppins-Light.ttf")        format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("../fonts/Poppins-Regular.ttf")      format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("../fonts/Poppins-Italic.ttf")       format("truetype"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("../fonts/Poppins-Medium.ttf")       format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("../fonts/Poppins-SemiBold.ttf")     format("truetype"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("../fonts/Poppins-Bold.ttf")         format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }

:root {
  /* ---------- Core brand ---------- */
  --ak-linen:      #FAF6F1;   /* primary warm background */
  --ak-paper:      #F4EDE4;   /* warmer panel / alt surface */
  --ak-white:      #FFFFFF;   /* cards, crisp surfaces */
  --ak-ink:        #222530;   /* primary text - warm slate-charcoal */
  --ak-ink-deep:   #191B23;   /* near-black for dark sections */
  --ak-coral:      #D14E2F;   /* THE signature accent (sibling to BEYONDai coral) */
  --ak-coral-deep: #B23E22;   /* hover / pressed */
  --ak-coral-wash: rgba(209, 78, 47, 0.08);
  --ak-blush:      #EFD3CE;   /* soft secondary surface (carried from v1) */
  --ak-peach:      #F6D9C3;   /* warm secondary surface */

  /* ---------- Warm neutral ramp (greige) ---------- */
  --warm-50:   #F6F1EA;
  --warm-100:  #EFE7DC;
  --warm-200:  #E4D9CA;
  --warm-300:  #D2C5B2;
  --warm-400:  #B3A693;
  --warm-500:  #8B8071;
  --warm-600:  #6A6155;
  --warm-700:  #4C453B;
  --warm-800:  #332E27;

  /* ---------- Foreground roles ---------- */
  --fg-1:        var(--ak-ink);
  --fg-2:        var(--warm-600);
  --fg-3:        var(--warm-500);
  --fg-muted:    var(--warm-400);
  --fg-accent:   var(--ak-coral);
  --fg-inverse:  var(--ak-linen);

  /* ---------- Background roles ---------- */
  --bg-1:        var(--ak-linen);
  --bg-2:        var(--ak-paper);
  --bg-white:    var(--ak-white);
  --bg-blush:    #F5E2DC;
  --bg-dark:     var(--ak-ink-deep);

  /* ---------- Lines ---------- */
  --line-1:      #E7DECF;     /* hairline on linen */
  --line-2:      var(--warm-300);
  --line-strong: var(--ak-ink);
  --line-on-dark: rgba(250, 246, 241, 0.16);

  /* ---------- Type families ---------- */
  --font-display: "Quiche Sans", "Cormorant Garamond", Didot, Georgia, serif;
  --font-body:    "Poppins", "Helvetica Neue", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono:    ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* ---------- Type scale ---------- */
  --fs-xs: 12px; --fs-sm: 14px; --fs-base: 16px; --fs-md: 18px;
  --fs-lg: 22px; --fs-xl: 28px; --fs-2xl: 36px; --fs-3xl: 48px;
  --fs-4xl: 64px; --fs-5xl: 84px; --fs-6xl: 116px;

  /* ---------- Weights ---------- */
  --fw-light: 300; --fw-regular: 400; --fw-medium: 500;
  --fw-semibold: 600; --fw-bold: 700;

  /* ---------- Tracking ---------- */
  --tk-tight: -0.025em; --tk-snug: -0.012em; --tk-normal: 0;
  --tk-wide: 0.08em; --tk-wider: 0.16em; --tk-widest: 0.26em;

  /* ---------- Line heights ---------- */
  --lh-tight: 1.02; --lh-snug: 1.14; --lh-normal: 1.45; --lh-relaxed: 1.62;

  /* ---------- Spacing (4px base) ---------- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 20px;
  --s-6: 24px; --s-7: 32px; --s-8: 40px; --s-9: 56px; --s-10: 72px;
  --s-11: 96px; --s-12: 128px; --s-13: 168px;

  /* ---------- Radii (minimal, editorial) ---------- */
  --r-sm: 3px; --r-md: 6px; --r-lg: 10px; --r-pill: 999px; --r-circle: 50%;

  /* ---------- Shadows (very subtle, warm) ---------- */
  --shadow-1: 0 1px 2px rgba(51, 46, 39, 0.05), 0 1px 1px rgba(51, 46, 39, 0.04);
  --shadow-2: 0 4px 14px rgba(51, 46, 39, 0.07), 0 2px 5px rgba(51, 46, 39, 0.05);
  --shadow-3: 0 18px 50px rgba(51, 46, 39, 0.12), 0 8px 18px rgba(51, 46, 39, 0.07);

  /* ---------- Motion ---------- */
  --ease-soft: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-std:  cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 160ms; --dur-base: 260ms; --dur-slow: 480ms; --dur-grand: 760ms;

  /* ---------- Layout ---------- */
  --container: 1240px;
  --container-narrow: 920px;
  --pad: clamp(20px, 4.5vw, 60px);
  --nav-h: 76px;
}