/* Atlas — Colour tokens
 *
 * Atlas's own palette: a deep raspberry-coral accent ("Flush") over warm,
 * lightly-saturated plum-charcoal neutrals ("Plum"). The accent reads as
 * premium-fintech without tipping into neon pink.
 */
:root {
  /* ——— Accent: "Flush" (raspberry / coral) ——— */
  --at-flush-50:  #FFF1F4;
  --at-flush-100: #FFE2E9;
  --at-flush-200: #FFC8D4;
  --at-flush-300: #F7A3B6;
  --at-flush-400: #F0738F;
  --at-flush-500: #E94E72;
  --at-flush-600: #E03A63;  /* primary accent */
  --at-flush-700: #C12B51;
  --at-flush-800: #981F3F;
  --at-flush-900: #6C162C;

  /* ——— Neutral: "Plum" (warm plum-charcoal) ——— */
  --at-plum-950: #1E1019;   /* deepest — dark UI surfaces */
  --at-plum-900: #241420;   /* sidebar / dark brand bg */
  --at-plum-800: #3C2A38;
  --at-plum-700: #5D4A57;
  --at-plum-600: #877A84;
  --at-plum-500: #B2A8AF;
  --at-plum-400: #D1CACF;
  --at-plum-300: #E3DDE1;
  --at-plum-200: #EEE9EC;
  --at-plum-100: #F5F1F4;   /* soft page tint */
  --at-plum-50:  #FAF8FA;

  /* ——— Base ——— */
  --at-black: #150F14;
  --at-ink:   #221C26;      /* primary text */
  --at-white: #FFFFFF;

  /* ——— Semantic status ——— */
  --at-success-bg: rgba(31, 138, 91, 0.13);
  --at-success-fg: #1B6E48;
  --at-success-solid: #1F8A5B;
  --at-warning-bg: rgba(184, 121, 30, 0.16);
  --at-warning-fg: #8A5A12;
  --at-warning-solid: #C58A2C;
  --at-info-bg: rgba(63, 115, 181, 0.14);
  --at-info-fg: #2F5B92;
  --at-info-solid: #3F73B5;
  --at-role: #B07FE0;       /* role-change accent (lavender) */

  /* ——— Category tints (work-group categories) ——— */
  --at-cat-1: #E03A63;      /* "Bubble"-like primary */
  --at-cat-2: #3F73B5;      /* "Country"-like blue */
  --at-cat-3: #C58A2C;      /* "Other"-like amber */

  /* ——— Semantic foreground ——— */
  --fg-1: var(--at-black);          /* primary body copy / headings */
  --fg-2: var(--at-ink);            /* default text */
  --fg-3: var(--at-plum-700);       /* secondary copy */
  --fg-4: var(--at-plum-600);       /* tertiary / meta */
  --fg-accent: var(--at-flush-600);
  --fg-inverse: var(--at-white);

  /* ——— Semantic background ——— */
  --bg-page: var(--at-white);
  --bg-tint: var(--at-plum-100);    /* app canvas */
  --bg-tint-accent: var(--at-flush-50);
  --bg-dark: var(--at-plum-900);    /* sidebar, overlays, scrubber */
  --bg-accent: var(--at-flush-600);

  /* ——— Borders ——— */
  --border-subtle: var(--at-plum-300);
  --border-line:   var(--at-plum-400);
  --border-accent: var(--at-flush-600);

  /* ——— Person-kind encoding (employee vs contractor) ——— */
  --kind-employee: var(--at-plum-900);
  --kind-contractor: var(--at-flush-600);
}