/* ═══════════════════════════════════════════════════════════════════════
   tokens.css — the design system's single source of truth.
   Fatemi, quietly. Sans-forward per the house principle (serif/italic are
   rare accents, never the voice); depth comes from layered pattern, gold
   hairlines, imagery and shadow — not ornament-as-decoration.
   ═══════════════════════════════════════════════════════════════════════ */

/* Self-hosted faces — no third-party font request ever leaves the visitor.
   Outfit carries display (geometric, dignified at scale); Inter carries body
   and UI. Two sans, clear hierarchy, no serif in the running voice. */
@font-face {
    font-family: 'Outfit';
    src: url('/assets/fonts/outfit-var.woff2') format('woff2');
    font-weight: 300 700; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter-var.woff2') format('woff2');
    font-weight: 100 900; font-style: normal; font-display: swap;
}

:root {
    /* ── palette ── */
    --paper:         #F6F3EC;   /* ivory ground, a touch warmer */
    --paper-deep:    #EFE9DD;   /* second ivory for banded rhythm */
    --surface:       #FFFFFF;
    --surface-warm:  #F1EDE2;
    --ink:           #1E2B24;   /* green-black text */
    --ink-soft:      #55635A;
    --ink-faint:     #8A968D;

    --emerald:       #1B5E3B;
    --emerald-deep:  #0F3B25;   /* hero / footer ground */
    --emerald-night: #082B1A;   /* darkest gradient stop */
    --emerald-soft:  #E3EFE8;
    --emerald-line:  rgba(27, 94, 59, .14);

    --gold:          #C9A24B;   /* refined, slightly warmer than the raw mark */
    --gold-bright:   #E6C578;   /* highlight / on-dark text accent */
    --gold-deep:     #9A7A2E;
    --gold-soft:     #F4EAD2;
    --gold-line:     rgba(201, 162, 75, .45);

    --aubergine:     #6C3FA0;   /* rare accent — never wallpaper */

    --line:          #E4DED0;
    --line-on-dark:  rgba(246, 243, 236, .16);
    --danger:        #B3261E;

    /* ── Fatemi star-and-cross tessellation, tinted per ground.
          Generated linework (assets/img/pattern-fatemi.svg); baked here as
          data URIs so a background layer costs zero extra requests. ── */
    --pat-gold:    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20d%3D%22M0%2C-16L3.8%2C-9.16L11.31%2C-11.31L9.16%2C-3.8L16%2C0L9.16%2C3.8L11.31%2C11.31L3.8%2C9.16L0%2C16L-3.8%2C9.16L-11.31%2C11.31L-9.16%2C3.8L-16%2C0L-9.16%2C-3.8L-11.31%2C-11.31L-3.8%2C-9.16ZM64%2C-16L67.8%2C-9.16L75.31%2C-11.31L73.16%2C-3.8L80%2C0L73.16%2C3.8L75.31%2C11.31L67.8%2C9.16L64%2C16L60.2%2C9.16L52.69%2C11.31L54.84%2C3.8L48%2C0L54.84%2C-3.8L52.69%2C-11.31L60.2%2C-9.16ZM0%2C48L3.8%2C54.84L11.31%2C52.69L9.16%2C60.2L16%2C64L9.16%2C67.8L11.31%2C75.31L3.8%2C73.16L0%2C80L-3.8%2C73.16L-11.31%2C75.31L-9.16%2C67.8L-16%2C64L-9.16%2C60.2L-11.31%2C52.69L-3.8%2C54.84ZM64%2C48L67.8%2C54.84L75.31%2C52.69L73.16%2C60.2L80%2C64L73.16%2C67.8L75.31%2C75.31L67.8%2C73.16L64%2C80L60.2%2C73.16L52.69%2C75.31L54.84%2C67.8L48%2C64L54.84%2C60.2L52.69%2C52.69L60.2%2C54.84ZM32%2C16L35.8%2C22.84L43.31%2C20.69L41.16%2C28.2L48%2C32L41.16%2C35.8L43.31%2C43.31L35.8%2C41.16L32%2C48L28.2%2C41.16L20.69%2C43.31L22.84%2C35.8L16%2C32L22.84%2C28.2L20.69%2C20.69L28.2%2C22.84ZM32%2C-5.5L37.5%2C0L32%2C5.5L26.5%2C0ZM0%2C26.5L5.5%2C32L0%2C37.5L-5.5%2C32ZM64%2C26.5L69.5%2C32L64%2C37.5L58.5%2C32ZM32%2C58.5L37.5%2C64L32%2C69.5L26.5%2C64Z%22%20fill%3D%22none%22%20stroke%3D%22%23C9A24B%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
    --pat-emerald: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20d%3D%22M0%2C-16L3.8%2C-9.16L11.31%2C-11.31L9.16%2C-3.8L16%2C0L9.16%2C3.8L11.31%2C11.31L3.8%2C9.16L0%2C16L-3.8%2C9.16L-11.31%2C11.31L-9.16%2C3.8L-16%2C0L-9.16%2C-3.8L-11.31%2C-11.31L-3.8%2C-9.16ZM64%2C-16L67.8%2C-9.16L75.31%2C-11.31L73.16%2C-3.8L80%2C0L73.16%2C3.8L75.31%2C11.31L67.8%2C9.16L64%2C16L60.2%2C9.16L52.69%2C11.31L54.84%2C3.8L48%2C0L54.84%2C-3.8L52.69%2C-11.31L60.2%2C-9.16ZM0%2C48L3.8%2C54.84L11.31%2C52.69L9.16%2C60.2L16%2C64L9.16%2C67.8L11.31%2C75.31L3.8%2C73.16L0%2C80L-3.8%2C73.16L-11.31%2C75.31L-9.16%2C67.8L-16%2C64L-9.16%2C60.2L-11.31%2C52.69L-3.8%2C54.84ZM64%2C48L67.8%2C54.84L75.31%2C52.69L73.16%2C60.2L80%2C64L73.16%2C67.8L75.31%2C75.31L67.8%2C73.16L64%2C80L60.2%2C73.16L52.69%2C75.31L54.84%2C67.8L48%2C64L54.84%2C60.2L52.69%2C52.69L60.2%2C54.84ZM32%2C16L35.8%2C22.84L43.31%2C20.69L41.16%2C28.2L48%2C32L41.16%2C35.8L43.31%2C43.31L35.8%2C41.16L32%2C48L28.2%2C41.16L20.69%2C43.31L22.84%2C35.8L16%2C32L22.84%2C28.2L20.69%2C20.69L28.2%2C22.84ZM32%2C-5.5L37.5%2C0L32%2C5.5L26.5%2C0ZM0%2C26.5L5.5%2C32L0%2C37.5L-5.5%2C32ZM64%2C26.5L69.5%2C32L64%2C37.5L58.5%2C32ZM32%2C58.5L37.5%2C64L32%2C69.5L26.5%2C64Z%22%20fill%3D%22none%22%20stroke%3D%22%231B5E3B%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
    --pat-ivory:   url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20d%3D%22M0%2C-16L3.8%2C-9.16L11.31%2C-11.31L9.16%2C-3.8L16%2C0L9.16%2C3.8L11.31%2C11.31L3.8%2C9.16L0%2C16L-3.8%2C9.16L-11.31%2C11.31L-9.16%2C3.8L-16%2C0L-9.16%2C-3.8L-11.31%2C-11.31L-3.8%2C-9.16ZM64%2C-16L67.8%2C-9.16L75.31%2C-11.31L73.16%2C-3.8L80%2C0L73.16%2C3.8L75.31%2C11.31L67.8%2C9.16L64%2C16L60.2%2C9.16L52.69%2C11.31L54.84%2C3.8L48%2C0L54.84%2C-3.8L52.69%2C-11.31L60.2%2C-9.16ZM0%2C48L3.8%2C54.84L11.31%2C52.69L9.16%2C60.2L16%2C64L9.16%2C67.8L11.31%2C75.31L3.8%2C73.16L0%2C80L-3.8%2C73.16L-11.31%2C75.31L-9.16%2C67.8L-16%2C64L-9.16%2C60.2L-11.31%2C52.69L-3.8%2C54.84ZM64%2C48L67.8%2C54.84L75.31%2C52.69L73.16%2C60.2L80%2C64L73.16%2C67.8L75.31%2C75.31L67.8%2C73.16L64%2C80L60.2%2C73.16L52.69%2C75.31L54.84%2C67.8L48%2C64L54.84%2C60.2L52.69%2C52.69L60.2%2C54.84ZM32%2C16L35.8%2C22.84L43.31%2C20.69L41.16%2C28.2L48%2C32L41.16%2C35.8L43.31%2C43.31L35.8%2C41.16L32%2C48L28.2%2C41.16L20.69%2C43.31L22.84%2C35.8L16%2C32L22.84%2C28.2L20.69%2C20.69L28.2%2C22.84ZM32%2C-5.5L37.5%2C0L32%2C5.5L26.5%2C0ZM0%2C26.5L5.5%2C32L0%2C37.5L-5.5%2C32ZM64%2C26.5L69.5%2C32L64%2C37.5L58.5%2C32ZM32%2C58.5L37.5%2C64L32%2C69.5L26.5%2C64Z%22%20fill%3D%22none%22%20stroke%3D%22%23F6F3EC%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");

    /* ── type ── */
    --font-display:  'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-body:     'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    --fs-hero:       clamp(2rem, 7.5vw, 4.25rem);
    --fs-h1:         clamp(1.9rem, 3.6vw, 2.75rem);
    --fs-h2:         clamp(1.5rem, 2.6vw, 2rem);
    --fs-h3:         1.1875rem;
    --fs-body:       1rem;
    --fs-small:      .9375rem;
    --fs-micro:      .8125rem;

    --kicker: .8rem;   /* uppercase eyebrow labels — never below 12.8px */

    /* ── structure ── */
    --container:     1160px;
    --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;

    --r-sm: 8px; --r-md: 14px; --r-lg: 20px; --r-xl: 28px; --r-pill: 999px;

    --shadow-1: 0 1px 2px rgba(15, 59, 37, .05);
    --shadow-2: 0 6px 20px rgba(15, 59, 37, .08);
    --shadow-3: 0 18px 44px rgba(15, 59, 37, .16);
    --shadow-gold: 0 10px 30px rgba(201, 162, 75, .22);

    --ease-out:  cubic-bezier(.22, .61, .36, 1);
    --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
    --t-fast:    .15s;
    --t-normal:  .3s;
    --t-slow:    .6s;
}