/* Design tokens, ported from the reference design system's global stylesheet.
 *
 * The reference system defines its palette as plain CSS custom properties and every
 * component reads them as var(--border), var(--card) and so on -- its own
 * house rule is "colors via CSS custom properties, never the dark: prefix".
 * That is why this port needs no Tailwind and no build step: the values below
 * are its .dark block copied verbatim, promoted onto :root because jobpilot
 * ships dark only.
 *
 * Keep these in sync with the reference system by hand. They are two apps, not one
 * package, and a colour that drifts here is a colour that drifts on screen.
 */

:root {
  /* ---- reference .dark block, verbatim -------------------------------------- */
  --background: #0a0a0a;
  --foreground: #fafafa;
  --card: #0a0a0a;
  --card-foreground: #fafafa;
  --popover: #0a0a0a;
  --popover-foreground: #fafafa;
  --primary: #fafafa;
  --primary-foreground: #171717;
  --secondary: #262626;
  --secondary-foreground: #fafafa;
  --muted: #262626;
  --muted-foreground: #a3a3a3;
  --accent: #262626;
  --accent-foreground: #fafafa;
  --destructive: #f87171;
  --destructive-foreground: #450a0a;
  --border: #262626;
  --input: #262626;
  --ring: #d4d4d4;

  --sidebar-background: #171717;
  --sidebar-foreground: #d4d4d4;
  --sidebar-primary: #fafafa;
  --sidebar-primary-foreground: #171717;
  --sidebar-accent: #262626;
  --sidebar-accent-foreground: #fafafa;
  --sidebar-border: #262626;

  /* ---- what Tailwind was supplying --------------------------------- */

  /* rounded-md / rounded-lg / rounded-xl. The reference system's --radius is 0.5rem,
     which is rounded-lg; buttons and inputs sit one step tighter and cards
     one step looser. */
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;

  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);

  --font-sans: "Geist", "Geist Fallback", ui-sans-serif, system-ui,
               -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: "Geist Mono", "Geist Mono Fallback", ui-monospace,
               SFMono-Regular, Menlo, Consolas, monospace;

  /* Native controls follow the page instead of rendering as bright white
     boxes: jobpilot uses raw <select> and <input type=checkbox> on the
     settings, filters and credentials pages, and the scrollbars are the
     other giveaway. The reference system gets this from Tailwind's preflight. */
  color-scheme: dark;
}

/* ---- Geist, vendored -------------------------------------------------
 * Variable fonts: one file carries weights 100-900, so four files cover
 * everything. Copied out of the reference system's own build (.next/static/media),
 * along with the unicode-range splits and the metric-override fallbacks
 * below -- those keep text from reflowing when the webfont lands.
 * SIL OFL 1.1, see fonts/OFL.txt.
 */

@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/static/fonts/Geist-latin.woff2") format("woff2");
  unicode-range: u+00??, 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: "Geist";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/static/fonts/Geist-latin-ext.woff2") format("woff2");
  unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7,
                 u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, 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: "Geist Mono";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/static/fonts/GeistMono-latin.woff2") format("woff2");
  unicode-range: u+00??, 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: "Geist Mono";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/static/fonts/GeistMono-latin-ext.woff2") format("woff2");
  unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7,
                 u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, 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: "Geist Fallback";
  src: local("Arial");
  ascent-override: 95.94%;
  descent-override: 28.16%;
  line-gap-override: 0.00%;
  size-adjust: 104.76%;
}

@font-face {
  font-family: "Geist Mono Fallback";
  src: local("Arial");
  ascent-override: 74.67%;
  descent-override: 21.92%;
  line-gap-override: 0.00%;
  size-adjust: 134.59%;
}