/* SSS family design tokens. Mission Control "Beach club" theme (the VPS Mission Control, 2026-09-09),
   shared with the Yacht Crew Up jobs app: Outfit for UI, the one orange (#f74a1c), same token names.
   Ibiza at noon: sun-white walls, turquoise water, golden light, one sunset orange, navy for the words.
   Light is the default. "Night sea" dark = data-theme="dark" or the system setting. */
@font-face{font-family:"Outfit";font-style:normal;font-weight:100 900;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/@fontsource-variable/outfit@5.2.8/files/outfit-latin-wght-normal.woff2) format("woff2-variations"),url(https://cdn.jsdelivr.net/npm/@fontsource-variable/outfit@5.2.8/files/outfit-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/@fontsource-variable/fraunces@5.2.8/files/fraunces-latin-soft-normal.woff2) format("woff2-variations"),url(https://cdn.jsdelivr.net/npm/@fontsource-variable/fraunces@5.2.8/files/fraunces-latin-soft-normal.woff2) format("woff2")}
:root{
  --font:"Outfit",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-display:"Fraunces",Georgia,"Times New Roman",serif;
  /* the one orange */
  --brand-50:#fff1ec; --brand-300:#fdba9f; --brand-400:#ff8a5c; --brand-500:#f74a1c; --brand-600:#ea580c; --brand-700:#d72500;
  --cta:#dc2c00; --cta-hover:#c72e00; --cta-active:#b92900; --cta-shadow:0 1px 2px rgba(96,70,30,.05),0 12px 32px -14px rgba(96,70,30,.16);
  /* surfaces */
  --bg:#fffdfa; --panel:#ffffff; --panel-2:#e8f6f4; --foam:#e8f6f4; --foam-deep:#d3eeeb; --field:#ffffff; --field-line:#c9e3e1;
  /* ink: deep Mediterranean navy */
  --ink:#16263c; --ink-hover:#243a58; --ink-2:#56647a; --ink-3:#66748a; --on-ink:#ffffff;
  /* lines */
  --line:#dfeeec; --line-strong:#c9e3e1; --line-soft:#dfeeec; --edge:#679997;
  /* sea and sun */
  --sea:#177e82; --sea-bright:#26adaf; --sea-glass:#cfeeeb; --sky-top:#f1f9ff; --sun-glow:#ffefd3; --sun:#f2b544;
  --accent:#d72500; --accent-ink:#ffffff; --ring:0 0 0 3px rgba(247,74,28,.22);
  /* sunlit elevation: warm golden-brown shadows */
  --shadow:0 1px 2px rgba(96,70,30,.05),0 12px 32px -14px rgba(96,70,30,.16); --shadow-lg:0 4px 12px rgba(96,70,30,.08),0 28px 56px -18px rgba(96,70,30,.24);
  --glow-1:var(--sea-glass); --glow-2:var(--sun-glow);
  /* status (text-safe on their tints) */
  --green:#0f6e4d; --green-bg:#e3f3ec; --amber:#8f5208; --amber-bg:#fdf0dc; --red:#b3261e; --red-bg:#fbe7e4; --blue:#11686b; --blue-bg:#e1f4f2;
  --dot-green:#14805a; --dot-amber:#e3a008; --dot-red:#c62d1f;
  /* categories */
  --c-money:#0f6e4d; --c-money-bg:#e3f3ec; --c-recruitment:#6d28d9; --c-recruitment-bg:#f1ebfe; --c-leads:#0369a1; --c-leads-bg:#e5f3fb;
  --c-clients:#be185d; --c-clients-bg:#fdecf4; --c-ops:#56647a; --c-ops-bg:#eef1f5; --c-urgent:#b3261e; --c-urgent-bg:#fbe7e4; --c-soon:#8f5208; --c-soon-bg:#fdf0dc;
  /* chat */
  --bub-in:#e8f6f4; --bub-out:#16263c; --chat-bg:#fffdfa; --yes-bub:#14805a; --no-bub:#c62d1f;
  /* shape: rounder everything, pills for buttons */
  --radius:24px; --radius-sm:16px; --pill:9999px; --nav-h:66px; --side-w:248px;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0b1522; --panel:#122033; --panel-2:#17293f; --foam:#17293f; --foam-deep:#1d3350; --field:#0f1b2b; --field-line:#26405c;
    --ink:#eef4f8; --ink-hover:#ffffff; --ink-2:#bfcbd8; --ink-3:#9fb0c4; --on-ink:#0b1522;
    --line:#1f3550; --line-strong:#2a4766; --line-soft:#1f3550; --edge:#5fa9a7;
    --sea:#5fd4cf; --sea-glass:rgba(38,173,175,.16); --sun-glow:rgba(242,181,68,.10);
    --accent:#ff8a5c; --ring:0 0 0 3px rgba(255,138,92,.3);
    --shadow:0 1px 2px rgba(0,0,0,.35),0 12px 32px -14px rgba(0,0,0,.6); --shadow-lg:0 28px 56px -18px rgba(0,0,0,.7);
    --green:#5fd3a5; --green-bg:rgba(20,128,90,.18); --amber:#f2c46b; --amber-bg:rgba(227,160,8,.15); --red:#ff9a8f; --red-bg:rgba(198,45,31,.2); --blue:#5fd4cf; --blue-bg:rgba(38,173,175,.15);
    --dot-green:#22c58b; --dot-amber:#f2b544; --dot-red:#ff5a45;
    --c-money:#5fd3a5; --c-money-bg:rgba(20,128,90,.18); --c-recruitment:#c4b5fd; --c-recruitment-bg:rgba(167,139,250,.15); --c-leads:#7dd3fc; --c-leads-bg:rgba(125,211,252,.13);
    --c-clients:#f9a8d4; --c-clients-bg:rgba(244,114,182,.14); --c-ops:#bfcbd8; --c-ops-bg:rgba(191,203,216,.1); --c-urgent:#ff9a8f; --c-urgent-bg:rgba(198,45,31,.2); --c-soon:#f2c46b; --c-soon-bg:rgba(227,160,8,.15);
    --bub-in:#1d3350; --bub-out:#eef4f8; --chat-bg:#0b1522;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0b1522; --panel:#122033; --panel-2:#17293f; --foam:#17293f; --foam-deep:#1d3350; --field:#0f1b2b; --field-line:#26405c;
  --ink:#eef4f8; --ink-hover:#ffffff; --ink-2:#bfcbd8; --ink-3:#9fb0c4; --on-ink:#0b1522;
  --line:#1f3550; --line-strong:#2a4766; --line-soft:#1f3550; --edge:#5fa9a7;
  --sea:#5fd4cf; --sea-glass:rgba(38,173,175,.16); --sun-glow:rgba(242,181,68,.10);
  --accent:#ff8a5c; --ring:0 0 0 3px rgba(255,138,92,.3);
  --shadow:0 1px 2px rgba(0,0,0,.35),0 12px 32px -14px rgba(0,0,0,.6); --shadow-lg:0 28px 56px -18px rgba(0,0,0,.7);
  --green:#5fd3a5; --green-bg:rgba(20,128,90,.18); --amber:#f2c46b; --amber-bg:rgba(227,160,8,.15); --red:#ff9a8f; --red-bg:rgba(198,45,31,.2); --blue:#5fd4cf; --blue-bg:rgba(38,173,175,.15);
  --dot-green:#22c58b; --dot-amber:#f2b544; --dot-red:#ff5a45;
  --c-money:#5fd3a5; --c-money-bg:rgba(20,128,90,.18); --c-recruitment:#c4b5fd; --c-recruitment-bg:rgba(167,139,250,.15); --c-leads:#7dd3fc; --c-leads-bg:rgba(125,211,252,.13);
  --c-clients:#f9a8d4; --c-clients-bg:rgba(244,114,182,.14); --c-ops:#bfcbd8; --c-ops-bg:rgba(191,203,216,.1); --c-urgent:#ff9a8f; --c-urgent-bg:rgba(198,45,31,.2); --c-soon:#f2c46b; --c-soon-bg:rgba(227,160,8,.15);
  --bub-in:#1d3350; --bub-out:#eef4f8; --chat-bg:#0b1522;
  color-scheme:dark;
}