/* Solaris Marine shared design tokens (site repo copy).
   Same token NAMES as the Studio's app/static/shared/tokens.css, so both products speak one
   vocabulary; the VALUES are the Solaris palette (UI/UX review 2026-10-03, section 7).
   Copied, not shared by a build: when a value changes here, change it in the Studio too.
   Fonts are self-hosted copies of the Studio's woff2 files. */

@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("fonts/inter-var-latin.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 100 800; font-display: swap;
  src: url("fonts/jetbrainsmono-var-latin.woff2") format("woff2"); }

:root {
  /* light (default on the portal and CRM) */
  --hull-0: #F5F7FA; --hull-1: #FFFFFF; --hull-2: #F8FAFC; --hull-3: #EEF2F7; --hull-4: #E3E9F1;
  --rule: rgba(13,24,36,.09); --rule-strong: rgba(13,24,36,.16);
  --ink: #0D1824; --ink-2: #3B4A5C; --ink-3: #56677C; --ink-4: #5F6F82;
  --accent: #1a6db5; --accent-deep: #14558e; --accent-btn: #1a6db5; --wash: rgba(26,109,181,.08);
  --ok: #0f7a3f; --warn: #9a6700; --err: #b42318; --stale: #9a6700;
  --yellow-cell: #fff6d6; --yellow-line: #e8c65a;
  --shadow: 0 8px 24px rgba(13,24,36,.10), 0 2px 6px rgba(13,24,36,.06);
  --elev-1: 0 1px 2px rgba(13,24,36,.06), 0 1px 1px rgba(13,24,36,.04);
  --elev-2: 0 10px 30px rgba(13,24,36,.14);
  color-scheme: light;
}
/* dark: navy hull; the accent is lightened for text and lines only, buttons keep
   white on #1f6fb8 (>= 4.5:1). */
:root[data-theme="dark"] {
  --hull-0: #0B1421; --hull-1: #0E1826; --hull-2: #132034; --hull-3: #18273D; --hull-4: #1F3049;
  --rule: rgba(255,255,255,.08); --rule-strong: rgba(255,255,255,.14);
  --ink: #E8ECF1; --ink-2: #B4C0CF; --ink-3: #9AA8B9; --ink-4: #8C9AAC;
  --accent: #6aaee8; --accent-deep: #8cc2f0; --accent-btn: #1f6fb8; --wash: rgba(74,155,224,.14);
  --ok: #3ccf7e; --warn: #e6b450; --err: #f0857a; --stale: #e6b450;
  --yellow-cell: rgba(255,217,102,.16); --yellow-line: rgba(255,217,102,.55);
  --shadow: 0 8px 24px rgba(0,0,0,.40), 0 2px 6px rgba(0,0,0,.28);
  --elev-1: 0 1px 2px rgba(0,0,0,.3);
  --elev-2: 0 10px 30px rgba(0,0,0,.5);
  color-scheme: dark;
}

/* Jobs-style aliases (same values) */
:root {
  --bg: var(--hull-0); --panel: var(--hull-1); --raise: var(--hull-2); --hover: var(--hull-3); --sel: var(--hull-4);
  --line: var(--rule); --line-2: var(--rule-strong); --accent-ink: var(--accent-deep);
  --sans: "Inter", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  --mono: "JetBrains Mono", "Cascadia Mono", Consolas, "Liberation Mono", "Microsoft YaHei", monospace;
  --fs-xs: 11px; --fs-sm: 12px; --fs-md: 13.5px; --fs-lg: 15px; --fs-xl: 18px; --fs-2xl: 22px;
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px;
  --r: 4px; --r-sm: 6px; --r-md: 8px; --r-lg: 8px; --r-xl: 12px;
  --h-ctl: 32px; --h-ctl-sm: 26px; --h-tap: 40px;
  --focus: 0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);
  --ease: cubic-bezier(.2,.7,.2,1);
}