/* İnci Atrek — Design Tokens (see docs/01-design-tokens.md). Single source of truth. */

/* Static font weights (variable-font weight axis was not applying in-browser). */
/* ---- Lora (serif) ---- */
@font-face{font-family:"Lora";src:url("../fonts/static/Lora-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Lora";src:url("../fonts/static/Lora-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Lora";src:url("../fonts/static/Lora-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Lora";src:url("../fonts/static/Lora-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Lora";src:url("../fonts/static/Lora-Italic.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Lora";src:url("../fonts/static/Lora-MediumItalic.ttf") format("truetype");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:"Lora";src:url("../fonts/static/Lora-SemiBoldItalic.ttf") format("truetype");font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:"Lora";src:url("../fonts/static/Lora-BoldItalic.ttf") format("truetype");font-weight:700;font-style:italic;font-display:swap}
/* ---- Hanken Grotesk (sans) ---- */
@font-face{font-family:"Hanken Grotesk";src:url("../fonts/static/HankenGrotesk-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("../fonts/static/HankenGrotesk-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("../fonts/static/HankenGrotesk-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("../fonts/static/HankenGrotesk-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("../fonts/static/HankenGrotesk-ExtraBold.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("../fonts/static/HankenGrotesk-Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("../fonts/static/HankenGrotesk-Italic.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("../fonts/static/HankenGrotesk-BoldItalic.ttf") format("truetype");font-weight:700;font-style:italic;font-display:swap}

:root{
  /* Brand palette (exact, IA_Color-Palette.pdf) */
  --ia-green:#1E3224;
  --ia-gold:#E0B870;
  --ia-sage:#809B95;
  --ia-cream:#FFF9F0;
  --ia-greige:#D4D0C5;

  /* Functional */
  --ia-white:#FFFFFF;
  --ia-ink:#1A1A1A;
  --ia-on-dark:#FFF9F0;
  --ia-line:#1E3224;
  --ia-line-soft:rgba(30,50,36,.18);

  /* Fonts */
  --font-serif:"Lora",Georgia,"Times New Roman",serif;
  --font-sans:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;

  /* Spacing (8pt) — rem so gaps scale with the fluid root, keeping the whole design proportional. */
  --sp-1:.25rem;  --sp-2:.5rem;  --sp-3:.75rem; --sp-4:1rem;   --sp-5:1.5rem;
  --sp-6:2rem;    --sp-7:3rem;   --sp-8:4rem;   --sp-9:6rem;    --sp-10:8rem;

  /* Layout */
  /* One consistent, CENTERED content column that every section shares (like the mockup) —
     wide enough to feel generous, but capped so book/praise/events/form all line up on the
     same left AND right edges instead of a section being left-biased inside a too-wide wrap.
     Bigger perceived size comes from the fluid type scale, not from an oversized column. */
  --wrap:1160px;
  --gutter:clamp(20px,4vw,56px);
  --section-y:clamp(48px,7vw,100px);
  --col-gap:clamp(32px,5vw,88px);

  --radius:0px;
  --ease:cubic-bezier(.2,.6,.2,1);

  --z-header:100; --z-overlay:200; --z-menu:300;
}