/* RJ DTC Admin · colors.css · split verbatim from phase-2/kit/tokens.css (kit v3) by phase-4/src/build_pack.py.
   Colour roles are shadcn-style bare HSL triples: use hsl(var(--x)) or hsl(var(--x) / .12). */
:root {
  /* ---------- shadcn core roles ---------- */
  --background: 0 0% 100%;                 /* #FFFFFF  page surface (clean white canvas) */
  --foreground: 222 43% 10%;               /* #0F1626  body text, headings */
  --card: 0 0% 100%;                       /* #FFFFFF */
  --card-foreground: 222 43% 10%;          /* #0F1626 */
  --popover: 0 0% 100%;                    /* #FFFFFF  menus, sheets, dialogs, toasts */
  --popover-foreground: 222 43% 10%;       /* #0F1626 */
  --primary: 220 49% 11%;                  /* #0E1729  RJ midnight navy (--rj-ink): every primary action */
  --primary-foreground: 60 17% 98%;        /* #FAFAF8 */
  --primary-hover: 223 42% 18%;            /* #1A2540  --rj-ink-hover */
  --secondary: 0 0% 100%;                  /* #FFFFFF  outlined secondary button ground */
  --secondary-foreground: 220 49% 11%;     /* #0E1729 */
  --muted: 225 22% 96%;                    /* #F4F5F8  table header, wells, hover */
  --muted-foreground: 221 17% 38%;         /* #505A70  quiet text (>= 5.9:1 on white) */
  --accent: 224 38% 94%;                   /* #EBEEF6  selection, active filter */
  --accent-foreground: 220 49% 11%;        /* #0E1729 */
  --destructive: 353 53% 42%;              /* #A2323F */
  --destructive-foreground: 0 0% 100%;     /* #FFFFFF */
  --border: 220 20% 91%;                   /* #E4E7ED  hairlines */
  --input: 219 14% 59%;                    /* #8892A5  control borders: 3.1:1 on white (WCAG 1.4.11); was #C6CCD7 at 1.6:1 */
  --input-hover: 223 17% 45%;              /* #5F6A86  field / checkbox / select border on hover */
  --secondary-border: 219 14% 79%;         /* #C2C7D1  outlined secondary button edge (board 3, text-labelled so exempt from 3:1) */
  --secondary-border-hover: 220 10% 70%;   /* #ABB0BA */
  --ring: 221 45% 45%;                     /* #3F5FA6  focus */
  --radius: 0.375rem;                      /* 6px  (shadcn --radius) */

  /* ---------- status roles (each has a -foreground for text ON a solid fill) ---------- */
  --success: 158 51% 26%;                  /* #21654C */
  --success-foreground: 0 0% 100%;
  --warning: 36 79% 29%;                   /* #83550F  also the STAGING badge */
  --warning-foreground: 0 0% 100%;
  --info: 218 49% 39%;                     /* #335794 */
  --info-foreground: 0 0% 100%;
  --neutral: 222 13% 39%;                  /* #575F72 */
  --neutral-foreground: 0 0% 100%;
  /* catalogue lifecycle — always use these names, never the generic role, in product UI */
  --draft: var(--info);                    /* Draft     = info blue */
  --available: var(--success);             /* Available = green */
  --retired: var(--neutral);               /* Retired   = slate */
  --locked: var(--neutral);                /* "locked" banner + lock chip */
  --not-wired: var(--warning);             /* "not wired" banner (feature exists, backend not connected) */
  /* soft fills: status at 12% on white; text stays the status colour (all >= 4.5:1) */
  --status-soft-alpha: .12;

  /* ---------- sidebar (shadcn sidebar block) ---------- */
  --sidebar: 220 49% 11%;                  /* #0E1729 */
  --sidebar-background: var(--sidebar);    /* older shadcn name */
  --sidebar-foreground: 222 19% 82%;       /* #C9CEDA  --rj-mist */
  --sidebar-primary: 221 54% 75%;          /* #9FB4E2  active-item rail + icon tint */
  --sidebar-primary-foreground: 220 49% 11%;
  --sidebar-accent: 222 43% 19%;           /* #1B2744 */
  --sidebar-accent-foreground: 60 17% 98%; /* #FAFAF8 */
  --sidebar-border: 222 33% 22%;           /* #253049 */
  --sidebar-ring: 221 54% 75%;
  /* the satin sheen: about a third of Silk Facing's glow, sidebar only, never on buttons */
  --sidebar-sheen: linear-gradient(180deg, #131D33 0%, #0E1729 52%, #0C1425 100%);
  --sidebar-sheen-light: radial-gradient(closest-side, rgba(130,160,220,.11), transparent);

  /* ---------- charts (shadcn --chart-1..5) ----------
     Categorical order, assigned in this order and never cycled. Validated with the dataviz
     validator on white: lightness band, chroma floor, adjacent CVD >= 10.6, normal-vision >= 15.9,
     all >= 3:1; slots 1-3 also pass --pairs all. None of them is a status colour.
     A single series uses --chart-1; a comparison / previous period uses --chart-muted (dotted). */
  --chart-1: 219 61% 47%;                  /* #2F62C0  blue */
  --chart-2: 166 76% 36%;                  /* #16A07F  teal */
  --chart-3: 20 70% 53%;                   /* #DB6B35  coral */
  --chart-4: 229 62% 68%;                  /* #7C8FE0  periwinkle */
  --chart-5: 334 58% 58%;                  /* #D2588C  rose */
  --chart-muted: 221 25% 58%;              /* #7A8BB0  steel: previous period, reference lines, never a category */

  /* ---------- presentation (kit pages only, not product UI) ---------- */
  --canvas: 214 24% 94%;                   /* #EDF0F4  page behind specimen cards */
  --studio: radial-gradient(120% 90% at 50% 18%, #f7f8fa 0%, #e3e7ee 80%); /* garment photo ground */

  /* ---------- kit v3 · sidebar light and brand mark (exact board values, sidebar only, never on buttons) ---------- */
  --e-sidebar-edge: inset -1px 0 0 rgba(201,206,218,.07);          /* the sidebar's inner right edge */
  --sidebar-item-on: rgba(255,255,255,.07);                        /* active menu item ground */
  --e-sidebar-item-on: inset 0 0 0 1px rgba(201,206,218,.09),0 6px 18px -12px rgba(110,140,210,.22); /* active menu item edge + soft glow */
  --sidebar-item-on-icon: #B7C7EA;                                 /* active menu item icon */
  --brand-mark: linear-gradient(145deg,#EEF1F8,#CBD5EA);           /* RJ brand mark tile */
  --brand-mark-foreground: #0E1729;                                /* RJ initials on the brand mark */
  --e-brand-mark: 0 0 12px -4px rgba(150,175,225,.22);             /* brand mark glow */
}