/* ============================================================
   Factory · Assembly Design System — Color tokens
   Base palette (Figma Variables) + semantic aliases.
   ============================================================ */

:root {
  /* ---- Purple Alloy (brand / primary / accent) ---- */
  --purple-alloy-50:  rgb(243, 241, 255);
  --purple-alloy-100: rgb(236, 229, 255);
  --purple-alloy-200: rgb(218, 206, 255);
  --purple-alloy-300: rgb(191, 167, 255);
  --purple-alloy-500: rgb(120, 80, 255);  /* Accent */
  --purple-alloy-700: rgb(92, 30, 227);
  --purple-alloy-800: rgb(76, 24, 191);
  --purple-alloy-900: rgb(64, 22, 156);
  --purple-alloy-950: rgb(25, 0, 65);      /* Primary — the logo purple */

  /* ---- Stone Gray (neutrals / text / surfaces) ---- */
  --stone-gray-50:  rgb(248, 250, 252);
  --stone-gray-100: rgb(241, 245, 249);
  --stone-gray-200: rgb(226, 232, 240);
  --stone-gray-300: rgb(202, 213, 226);
  --stone-gray-400: rgb(144, 161, 185);
  --stone-gray-500: rgb(98, 116, 142);
  --stone-gray-600: rgb(69, 85, 108);
  --stone-gray-700: rgb(49, 65, 88);
  --stone-gray-800: rgb(29, 41, 61);
  --stone-gray-900: rgb(15, 23, 43);
  --stone-gray-950: rgb(2, 6, 24);         /* Near-black ink */

  /* ---- Red (danger / destructive) ---- */
  --red-50:  rgb(255, 241, 241);
  --red-100: rgb(255, 223, 223);
  --red-200: rgb(255, 197, 197);
  --red-500: rgb(255, 73, 73);
  --red-600: rgb(237, 21, 21);
  --red-700: rgb(200, 13, 13);
  --red-800: rgb(165, 15, 15);

  /* ---- Blue (discovery / informational) ---- */
  --blue-50:  rgb(239, 246, 255);
  --blue-200: rgb(190, 219, 255);
  --blue-500: rgb(43, 127, 255);
  --blue-600: rgb(21, 93, 252);
  --blue-700: rgb(20, 71, 230);

  /* ---- Green (success) ---- */
  --green-50:  rgb(236, 253, 245);
  --green-500: rgb(0, 188, 125);
  --green-700: rgb(0, 122, 85);

  /* ---- Orange / Yellow (warning) ---- */
  --orange-50:  rgb(255, 247, 237);
  --orange-500: rgb(255, 105, 0);
  --yellow-400: rgb(255, 193, 32);
  --yellow-600: rgb(221, 119, 2);

  /* ---- Teal (kiosk / timesheets accent) ---- */
  --teal-50:  rgb(230, 250, 248);
  --teal-500: rgb(0, 191, 178);  /* primary teal accent */
  --teal-700: rgb(0, 140, 130);

  /* ---- Royal Blue (kiosk secondary accent) ---- */
  --royal-blue-500: rgb(65, 105, 225);

  --white-50: rgb(255, 255, 255);

  /* ============================================================
     SEMANTIC ALIASES
     ============================================================ */

  /* Brand */
  --brand-primary:        var(--purple-alloy-950);  /* logo / deepest brand */
  --brand-accent:         var(--purple-alloy-500);
  --brand-action:         var(--purple-alloy-800);  /* primary button fill */
  --brand-action-hover:   var(--purple-alloy-900);
  --brand-action-subtle:  var(--purple-alloy-50);

  /* Text */
  --text-primary:    var(--stone-gray-950);
  --text-secondary:  var(--stone-gray-700);
  --text-tertiary:   var(--stone-gray-500);
  --text-disabled:   var(--stone-gray-400);
  --text-inverse:    var(--white-50);
  --text-link:       var(--purple-alloy-700);
  --text-danger:     var(--red-700);

  /* Surfaces */
  --surface-page:     var(--white-50);
  --surface-sunken:   var(--stone-gray-50);
  --surface-card:     var(--white-50);
  --surface-raised:   var(--white-50);
  --surface-input:    var(--stone-gray-50);
  --surface-hover:    var(--stone-gray-100);
  --surface-pressed:  var(--stone-gray-200);
  --surface-overlay:  rgba(2, 6, 24, 0.55);

  /* Borders */
  --border-subtle:   var(--stone-gray-200);
  --border-default:  var(--stone-gray-300);
  --border-strong:   var(--stone-gray-400);
  --border-focus:    var(--purple-alloy-500);

  /* Status — fill / surface / text triplets */
  --status-info-fill:      var(--blue-500);
  --status-info-surface:   var(--blue-50);
  --status-success-fill:   var(--green-500);
  --status-success-surface:var(--green-50);
  --status-warning-fill:   var(--orange-500);
  --status-warning-surface:var(--orange-50);
  --status-danger-fill:    var(--red-500);
  --status-danger-surface: var(--red-50);
  --status-discovery-fill: var(--purple-alloy-500);
  --status-discovery-surface: var(--purple-alloy-50);
}