:root {
  /* ─── Brand Orange Scale ─── */
  --color-orange-200: #ffd285;
  --color-orange-300: #feb336;
  --color-orange-500: #fc9e01;
  --color-orange-700: #fe7c02;
  --color-orange-900: #c95800;

  /* ─── Dark Scale ─── */
  --color-dark-800: #1a4f4e;
  --color-dark-900: #113d3c;
  --color-dark-950: #06171e;

  /* ─── Neutral Scale ─── */
  --color-white:    #ffffff;
  --color-gray-50:  #f9f9f9;
  --color-gray-100: #f3f3f3;
  --color-gray-200: #e5e5e5;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-900: #111827;

  /* ─── Status ─── */
  --color-success:  #22c55e;
  --color-danger:   #ef4444;
  --color-warning:  #f59e0b;
  --color-info:     #3b82f6;

  /* ─── Brand Semantic Aliases ─── */
  --color-brand-primary:   var(--color-orange-500);
  --color-brand-accent:    var(--color-orange-700);
  --color-brand-highlight: var(--color-orange-300);
  --color-brand-dim:       var(--color-orange-900);

  /* ─── Surface Aliases ─── */
  --color-surface-dark:     var(--color-dark-950);   /* primary bg */
  --color-surface-deep:     var(--color-dark-900);   /* secondary surface */
  --color-surface-card:     #0d2329;                 /* card bg on dark */
  --color-surface-elevated: #0f2a32;                 /* elevated card */

  /* ─── Text Aliases ─── */
  --text-on-dark:   var(--color-white);
  --text-muted:     rgba(255, 255, 255, 0.55);
  --text-subtle:    rgba(255, 255, 255, 0.32);
  --text-brand:     var(--color-brand-primary);

  /* ─── Border Aliases ─── */
  --border-default: rgba(255, 255, 255, 0.07);
  --border-subtle:  rgba(255, 255, 255, 0.04);
  --border-strong:  rgba(255, 255, 255, 0.14);
  --border-brand:   rgba(252, 158, 1, 0.28);

  /* ─── Overlay ─── */
  --overlay-dark: rgba(6, 23, 30, 0.85);
}