/* ONE ELECTRIC — Color tokens
   Brand: amber (energy) + steel gray (industrial) on charcoal/white. */

:root {
  /* ---- Brand primitives ---- */
  --oe-amber: #f4a542;        /* primary brand — from logo bolt */
  --oe-gray:  #999999;        /* secondary brand — from logo "ONE" */
  --oe-charcoal: #1a1d21;     /* industrial near-black */

  /* ---- Amber scale ---- */
  --amber-50:  #fef7ec;
  --amber-100: #fdeccf;
  --amber-200: #fbd89b;
  --amber-300: #f8c268;
  --amber-400: #f4a542;   /* base */
  --amber-500: #ec8f1f;
  --amber-600: #d1770f;
  --amber-700: #a85b0e;
  --amber-800: #874911;
  --amber-900: #6f3d12;

  /* ---- Steel / neutral scale ---- */
  --steel-0:   #ffffff;
  --steel-25:  #fafafa;
  --steel-50:  #f4f5f6;
  --steel-100: #e9eaec;
  --steel-200: #d6d8db;
  --steel-300: #b9bcc1;
  --steel-400: #999999;   /* brand gray */
  --steel-500: #74777c;
  --steel-600: #565a5f;
  --steel-700: #3d4045;
  --steel-800: #26282c;
  --steel-900: #1a1d21;   /* charcoal */
  --steel-950: #101215;

  /* ---- Semantic status ---- */
  --green-500:  #2e9e5b;
  --green-100:  #d8f0e1;
  --red-500:    #d8412f;
  --red-100:    #fbdedb;
  --blue-500:   #2f7bd8;
  --blue-100:   #dbe8fb;

  /* ---- Semantic aliases ---- */
  --color-primary:        var(--amber-400);
  --color-primary-hover:  var(--amber-500);
  --color-primary-active: var(--amber-600);
  --color-on-primary:     var(--steel-900);

  --text-strong:   var(--steel-900);
  --text-body:     var(--steel-700);
  --text-muted:    var(--steel-500);
  --text-inverse:  var(--steel-0);
  --text-accent:   var(--amber-600);

  --surface-page:    var(--steel-25);
  --surface-card:    var(--steel-0);
  --surface-sunken:  var(--steel-50);
  --surface-inverse: var(--steel-900);
  --surface-inverse-2: var(--steel-800);

  --border-subtle: var(--steel-100);
  --border-default: var(--steel-200);
  --border-strong: var(--steel-300);
  --border-focus:  var(--amber-400);

  --status-success: var(--green-500);
  --status-danger:  var(--red-500);
  --status-info:    var(--blue-500);
  --status-warning: var(--amber-400);
}