/* ==========================================================================
   Design tokens — Qiskit Fall Fest 2026 @ IISER Kolkata
   ==========================================================================
   Art direction: the machine itself. A dilution refrigerator photographs as
   warm gold against near-black, so the palette is exactly that — flat ink,
   flat gold, one magenta accent carried over from Qiskit's own identity.
   No gradients, no blue cast. Colour does the least work; type, rule weight
   and negative space do the rest.
   ========================================================================== */

:root {
  color-scheme: dark;

  /* --- Ink ---------------------------------------------------------------
     Neutral, very slightly warm. Deliberately not blue-black. */
  --void:      #08080a;
  --ink:       #0d0d0f;
  --ink-2:     #131315;
  --ink-3:     #1b1b1e;
  --ink-4:     #242427;

  /* --- Gold, sampled from the chandelier -------------------------------- */
  --gold:      #e8c87a;
  --gold-lit:  #f7e2ab;
  --gold-dim:  #a2854a;
  --gold-deep: #6b5730;

  /* --- Accents ----------------------------------------------------------- */
  --magenta:   #ff7eb6;   /* Qiskit's own; used sparingly, for signal only */
  --copper:    #d98553;

  /* --- Paper -------------------------------------------------------------- */
  --paper:     #f2efe8;
  --paper-2:   #a29e94;
  --paper-3:   #8a867c;
  --on-gold:   #14120c;

  /* --- Rules -------------------------------------------------------------- */
  --line:        rgba(232, 200, 122, 0.14);
  --line-strong: rgba(232, 200, 122, 0.32);

  /* The plate every partner mark sits on.
     The supplied marks are light-on-dark artwork — IBM Quantum, Qiskit and
     SlashDot are white — so on the light theme they vanished outright:
     measured at 0.0%, 0.0% and 0.7% of their own box in contrasting ink. The
     plate is deliberately the *same* dark in both themes, so the geometry
     never shifts and each mark stays the one its owner designed. Shipping a
     second set of marks and swapping them per theme would double the assets
     and leave one to forget. */
  --mark-plate:      #17171a;
  --mark-plate-line: rgba(232, 200, 122, 0.18);
  --line-paper:  rgba(242, 239, 232, 0.10);

  /* --- Type ---------------------------------------------------------------- */
  --font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;

  --step--2: clamp(0.72rem, 0.70rem + 0.09vw, 0.78rem);
  --step--1: clamp(0.84rem, 0.81rem + 0.16vw, 0.94rem);
  --step-0:  clamp(1.00rem, 0.96rem + 0.22vw, 1.14rem);
  --step-1:  clamp(1.22rem, 1.14rem + 0.38vw, 1.45rem);
  --step-2:  clamp(1.49rem, 1.36rem + 0.63vw, 1.86rem);
  --step-3:  clamp(1.81rem, 1.61rem + 1.00vw, 2.38rem);
  --step-4:  clamp(2.21rem, 1.90rem + 1.56vw, 3.05rem);
  --step-5:  clamp(2.70rem, 2.22rem + 2.38vw, 3.90rem);
  --step-6:  clamp(3.29rem, 2.57rem + 3.58vw, 5.00rem);
  --step-7:  clamp(4.01rem, 2.93rem + 5.38vw, 6.40rem);

  /* --- Space & shape -------------------------------------------------------- */
  --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: 9rem;

  /* Squared-off, architectural. Nothing rounder than a small radius except pills. */
  --r-sm: 2px;  --r-md: 4px;  --r-lg: 6px;  --r-xl: 8px;  --r-pill: 999px;

  --container: 1180px;
  --container-wide: 1440px;
  --nav-h: 72px;

  /* --- Motion ---------------------------------------------------------------- */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  /* "Drop": falls fast, lands with a small settle. Used by the scroll reveals. */
  --ease-drop:   cubic-bezier(0.2, 0.9, 0.25, 1.06);
  --dur-1: 140ms;  --dur-2: 260ms;  --dur-3: 440ms;  --dur-4: 760ms;
}

/* --------------------------------------------------------------------------
   Light theme — the same drawing on paper rather than in the dark.
   Gold reads muddy on white, so it darkens to a bronze that still holds.
   -------------------------------------------------------------------------- */
[data-theme="light"] {
  color-scheme: light;

  --void:      #f6f4ef;
  --ink:       #ffffff;
  --ink-2:     #f1eee7;
  --ink-3:     #ece8de;
  --ink-4:     #dbd6c9;

  --gold:      #7f621e;
  --gold-lit:  #6d5417;
  --gold-dim:  #a89460;
  --gold-deep: #cbbf9c;

  --magenta:   #c62a76;

  --paper:     #16150f;
  --paper-2:   #55524a;
  --paper-3:   #64615a;
  --on-gold:   #fffdf6;

  --line:        rgba(22, 21, 15, 0.12);
  --line-strong: rgba(22, 21, 15, 0.30);
  --line-paper:  rgba(22, 21, 15, 0.08);
}