/* =========================================================================
   IMPERSONAS — COLOR TOKENS
   Near-monochrome. Neutrals carry the layout; color is a sparing, FLAT accent.
   The gradient is LOGO ONLY (see --logo-grad, used only on the logo card).
   Primary action color is surface-scoped: rose on Client, gold on Talent.
   ========================================================================= */

:root {
  /* ---- Neutrals — shared everywhere, carry most of any layout + all type ---- */
  --ink:           #0D0D0D;   /* primary type, wordmark on light, dark UI ground */
  --white:         #FFFFFF;   /* primary ground, type on dark */
  --light-ground:  #F2F2F2;   /* light editorial / studio ground, page panels */
  --grey-mid:      #8A8A8A;   /* muted body, secondary labels, ghost borders */
  --hairline:      #E6E6E6;   /* 1px dividers, input borders, table rules */

  /* ---- Rose / Pink — company brand + CLIENT platform primary action ---- */
  --rose-action:   #E18494;   /* primary buttons / CTAs / full-width action bars */
  --rose-footer:   #F0C7CE;   /* web-app footer bar, soft fills */
  --rose-ground:   #FCE8EC;   /* default split-screen panel, pink ground, hover tint */
  --rose-faint:    #FBEFF1;   /* palest fields (search bar), subtle fills */

  /* ---- Magenta / Violet — CLIENT platform interactive accent (links, IDs, active) ---- */
  --magenta-accent:#BC24B5;   /* links, talent names, license IDs, pins, active-tab, counters */
  --violet-select: #BC24E2;   /* selected control fills / toggles (Client) */
  --lavender-tint: #FAEEF9;   /* selected-row tint (Client) */

  /* ---- Gold / Warm — TALENT platform primary action + selection ---- */
  --gold-action:   #B8852E;   /* primary buttons, selected states, checkboxes, active radios */
  --gold-tint:     #F1E7D5;   /* selected-row / selected-option tint */
  --gold-border:   #E8D9BD;   /* selected chip / option borders */

  /* ---- Semantic status — software signals (NOT brand-identity colors) ---- */
  --status-active-fill:   #F6DCE3;  --status-active-text:   #BC24B5;
  --status-pending-fill:  #FDECCE;  --status-pending-text:  #C77E16;
  --status-canceled-fill: #EFEFF2;  --status-canceled-text: #8A8A8A;
  --status-danger-fill:   #FBE3DF;  --status-danger-text:   #E54526;

  /* ---- Night mode — shared dark theme ---- */
  --night-bg:        #0A0A0A;
  --night-surface-1: #161616;
  --night-surface-2: #1F1F1F;
  --night-hairline:  #2A2A2A;
  --night-text:      #FFFFFF;
  --night-text-2:    #EDEDED;
  --night-accent:    #E03BD0;   /* brightened magenta for dark contrast */

  /* ---- Logo gradient — LOGO ONLY. Never a fill, background, or on type. ---- */
  --logo-grad: linear-gradient(100deg,
    #1B3135 0%, #83ECFF 14%, #A4CFFF 26%, #C1AEFF 38%,
    #E290FF 50%, #FF01FB 62%, #FF188D 74%, #FF1F56 86%, #FF472A 100%); /* @kind color */

  /* =======================================================================
     SEMANTIC ALIASES — reference these in product UI, not raw values above.
     Default scope = CLIENT (rose primary, magenta accent). The .talent scope
     below remaps the action/selection aliases to gold.
     ======================================================================= */
  --text-primary:    var(--ink);
  --text-secondary:  var(--grey-mid);
  --text-inverse:    var(--white);
  --text-link:       var(--magenta-accent);

  --surface-page:    var(--white);
  --surface-panel:   var(--light-ground);
  --surface-card:    var(--white);
  --surface-tinted:  var(--rose-ground);
  --surface-footer:  var(--rose-footer);

  --border-hairline: var(--hairline);

  --action-primary:        var(--rose-action);   /* filled CTA fill */
  --action-primary-hover:  #D6707F;               /* rose, darkened ~6% L */
  --action-primary-text:   var(--white);
  --selection-fill:        var(--violet-select);
  --selection-tint:        var(--lavender-tint);
  --interactive-accent:    var(--magenta-accent);
}

/* ---- TALENT surface scope: gold replaces rose AND magenta. Magenta is a
   CLIENT-platform color only; on Talent, gold carries actions, selections,
   AND inline interactivity (links/IDs/pins). Neutrals, type, geometry, and
   status colors stay identical. ---- */
.talent,
[data-surface="talent"] {
  --surface-tinted:        var(--gold-tint);
  --surface-footer:        var(--gold-tint);
  --action-primary:        var(--gold-action);
  --action-primary-hover:  #9E711F;               /* gold, darkened */
  --action-primary-text:   var(--white);
  --selection-fill:        var(--gold-action);
  --selection-tint:        var(--gold-tint);
  --interactive-accent:    var(--gold-action);   /* magenta is Client-only; Talent links/IDs are gold */
}