/* ============================================================
   Ventureship — Design Tokens
   Aligned with the existing platform's visual language:
   desaturated navy + pure white + sage mint accent.
   ============================================================ */

/* Self-hosted Inter — replaces the Google Fonts CDN dependency.
   Variable font supporting weights 100-900 (regular + italic).
   Sourced from rsms.me/inter (canonical Inter mirror). SIL Open Font
   License 1.1 — free for commercial use. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/assets/fonts/InterVariable.woff2') format('woff2-variations'),
       url('/assets/fonts/InterVariable.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('/assets/fonts/InterVariable-Italic.woff2') format('woff2-variations'),
       url('/assets/fonts/InterVariable-Italic.woff2') format('woff2');
}

:root {
  /* ---- Color (sampled from the Ventureship logo) ---------- */
  /* Brand primary: the navy from the wordmark logo (logo.jpeg background). */
  --ink:            #1B456F;  /* brand navy — headings, buttons, dark sections */
  --ink-deep:       #133554;  /* deeper brand navy — hover / depth */
  --ink-soft:       #5B6B81;  /* muted body text (subtle blue undertone to coordinate) */
  --ink-muted:      #94A0B4;  /* tertiary / thin numerals */
  --ink-body:       #1B456F;  /* aliased to brand navy so h1/h2/h3 match the logo exactly */

  /* Secondary brand: the royal blue from the "V" mark (logo2.jpg). Used sparingly
     for accent moments — focus rings, link hover, small flourishes. */
  --brand-blue:     #1D40A4;
  --brand-blue-soft: rgba(29, 64, 164, 0.10);

  --paper:          #FFFFFF;  /* pure white background */
  --paper-deep:     #F7F9FB;  /* soft surface — alternating sections */
  --paper-mute:     #E3EAEF;  /* hairline borders */
  --paper-soft:     #FFFFFF;  /* card surfaces */

  /* Eyebrow chip colours: light blue chip background, brand-navy text. */
  --chip-bg:        #DDE9EF;
  --chip-text:      #1B456F;  /* exact brand navy */

  /* Mint accent — success / positive signal ONLY (e.g. "with Ventureship" card,
     small status dots). Do not use on eyebrow chips. */
  --mint:           #0F6C5B;  /* mint text */
  --mint-bg:        #E3F3EE;  /* mint surface */
  --mint-soft:      rgba(15, 108, 91, 0.10);

  /* `--sunrise` is kept as an alias so older rules still work.
     It points at the chip colour set — change here to repaint accents site-wide. */
  --sunrise:        var(--chip-text);
  --sunrise-deep:   var(--ink-deep);
  --sunrise-soft:   rgba(27, 71, 94, 0.10);

  /* Tiny terracotta accent — decorative whisper only */
  --terra:          #C8917A;
  --terra-soft:     #E8C8B5;

  --cream-on-ink:        #E3EAEF;  /* primary text on dark sections */
  --cream-on-ink-soft:   #94A0AE;

  /* ---- Typography ----------------------------------------- */
  --font-display: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-body:    "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono:    "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Type scale */
  --t-eyebrow: 0.75rem;                            /* 12px */
  --t-body-sm: 0.9375rem;                          /* 15px */
  --t-body:    1.0625rem;                          /* 17px */
  --t-lead:    clamp(1.125rem, 0.95rem + 0.75vw, 1.375rem);
  --t-h3:      clamp(1.5rem, 1.2rem + 1.3vw, 2rem);
  --t-h2:      clamp(2.25rem, 1.5rem + 3.4vw, 4rem);
  --t-h1:      clamp(3rem, 1.8rem + 5.6vw, 6.5rem);
  --t-display: clamp(4rem, 2rem + 9vw, 10rem);

  /* Line heights */
  --lh-tight:  0.95;
  --lh-snug:   1.08;
  --lh-body:   1.6;

  /* Letter spacing */
  --ls-tight:   -0.02em;
  --ls-tighter: -0.035em;
  --ls-eyebrow: 0.12em;
  --ls-button:  0.01em;

  /* ---- Spacing scale (8px base) --------------------------- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;
  --sp-10: 8rem;
  --sp-11: 12rem;

  /* ---- Layout --------------------------------------------- */
  --container: 87.5rem;          /* 1400px per design system */
  --container-narrow: 56rem;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --section-y: clamp(4rem, 8vw, 8rem);
  --radius: 4px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  /* ---- Motion --------------------------------------------- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --t-fast: 180ms;
  --t-base: 280ms;
  --t-slow: 520ms;

  /* ---- Elevation ------------------------------------------ */
  --shadow-sm: 0 1px 0 rgba(26, 45, 63, 0.04), 0 1px 3px rgba(26, 45, 63, 0.04);
  --shadow-md: 0 8px 32px -8px rgba(26, 45, 63, 0.10), 0 2px 8px rgba(26, 45, 63, 0.06);
  --shadow-lg: 0 30px 60px -20px rgba(26, 45, 63, 0.18);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}