/* Orbit Design System — Objective
 * Core tokens: colors + typography + motion.
 * Mirrors orbit-ds/src/tokens/orbit-tokens.css (the shipping React library).
 * Import this once; it also loads the webfonts + Iconoir.
 * ------------------------------------------------------- */

/* ---------- Font + icon loading ----------
 * Product UI  → Satoshi          (CDNFonts)
 * Code / mono → Odisseia "Test"  (CDNFonts) → JetBrains Mono fallback
 * UI mono     → JetBrains Mono    (Google Fonts)
 * Icons       → Iconoir           (jsDelivr CSS font)
 * Brand graphic (NOT product UI) → Redonda (Adobe Fonts / Typekit zkw5qsy)
 */
@import url('https://fonts.cdnfonts.com/css/satoshi');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/css/iconoir.css');
@import url('https://use.typekit.net/zkw5qsy.css'); /* Redonda — brand graphic */

:root {
  /* ---------- Brand primary ---------- */
  --orbit-orange:        #EA7600;
  --orbit-orange-ink:    #E16F10;
  --orbit-dark-gray:     #1D252D;
  --orbit-dark-gray-ink: #101820;

  /* ---------- Brand secondary ---------- */
  --orbit-saxony-blue:   #1F6680;
  --orbit-snow-white:    #F2F0EB;

  /* ---------- Neutrals ---------- */
  --orbit-neutral-darkest: #000000;
  --orbit-neutral-dark:    #555555;
  --orbit-neutral-medium:  #8E8E8E;
  --orbit-neutral-light:   #E5E5E5;
  --orbit-neutral-lightest:#F5F5F5;
  --orbit-neutral-white:   #FFFFFF;

  /* ---------- Feedback ---------- */
  --orbit-positive-dark:  #15955A;
  --orbit-positive:       #53B873;
  --orbit-negative-dark:  #AA0000;
  --orbit-negative:       #E72915;
  --orbit-negative-light: #FFA39A;

  /* ---------- Semantic aliases ---------- */
  --accent:          var(--orbit-orange);
  --accent-hover:    var(--orbit-orange-ink);
  --focus-ring:      #1F6680;

  /* ---------- Radii ---------- */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-xl:   24px;
  --radius-pill: 999px;

  /* ---------- Font families ---------- */
  --font-primary:      'Satoshi', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-system-mono:  'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  /* Brand graphic only — institutional layouts, decks, print. NOT product UI. */
  --font-brand:        'redonda', ui-serif, Georgia, 'Times New Roman', serif;

  /* ---------- Motion ---------- */
  --ease-standard: cubic-bezier(.2, 0, 0, 1);
  --ease-entrance: cubic-bezier(0, 0, .2, 1);
  --dur-fast:   120ms;
  --dur-base:   200ms;
  --dur-slow:   360ms;
}

/* ---------- Iconoir base sizing ---------- */
[class^="iconoir-"],
[class*=" iconoir-"] {
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  flex-shrink: 0;
}