/**
 * Brand tokens for the standalone tool pages in public/.
 *
 * These pages are hand-written HTML served by rewrite, so they don't get
 * globals.css or the Tailwind theme. Each one carried its own copy of the
 * palette, which is why all six were still on the old mid-grey brand
 * (#545454 page, #292929 card, #5e5e5e border, #cf9520 gold) months after the
 * site moved to the near-black one. Six copies, one of them updated, is not a
 * thing that stays true.
 *
 * The values below mirror the .dark block in src/app/globals.css. If that
 * changes, change this — they're two expressions of one palette, and there is
 * no build step tying them together.
 *
 * A new tool page should link this file and use var(--rx-*) rather than
 * pasting hexes.
 */

/* IBM Plex Sans, self-hosted. Matches the @font-face set in globals.css:
   latin + latin-ext, woff2 only, weights 400-700. The tools previously pulled
   this from Google Fonts, which meant a different rendering path — and a
   third-party request — from the rest of the site. */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/ibm-plex-sans-latin-400-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/ibm-plex-sans-latin-ext-400-normal.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/ibm-plex-sans-latin-500-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/ibm-plex-sans-latin-ext-500-normal.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/ibm-plex-sans-latin-600-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/ibm-plex-sans-latin-ext-600-normal.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/ibm-plex-sans-latin-700-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/ibm-plex-sans-latin-ext-700-normal.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  /* Surfaces — near-black, matching the site's dark theme */
  --rx-bg: #050708;              /* page */
  --rx-bg-2: #070a0c;            /* page gradient end, footer */
  --rx-panel: #111619;           /* card */
  --rx-panel-2: #0b0f11;         /* recessed panel */
  --rx-muted-surface: #141a1e;   /* inputs, hover, muted fills */

  /* Lines */
  --rx-line: #222a2f;

  /* Brand */
  --rx-gold: #f3b21b;
  --rx-gold-hover: #ffc43b;
  --rx-on-gold: #0f0f0f;         /* text on a gold fill */

  /* Text */
  --rx-ink: #f4f5f6;
  --rx-ink-2: #a7adb1;           /* muted */
  --rx-ink-3: #7c8489;
  --rx-ink-4: #5b6469;           /* faintest label text */

  /* Semantic — unchanged; these already matched the site */
  --rx-danger: #f06b42;
  --rx-action: #f04268;
  --rx-accent: #a4dd3c;
  --rx-success: #2debb9;
  --rx-info: #2b8cee;

  /* Agent palette */
  --rx-nova: #00c2e0;
  --rx-rex: #f04268;
  --rx-aria: #f3b21b;
  --rx-tara: #2debb9;
  --rx-vance: #9b7ec8;

  --rx-font: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}