:root {
  /* ── Brand Core ── */
  --yellow:       #E8FF11;
  --yellow-light: #F2FF66;
  --yellow-dark:  #C8DF00;
  --black:        #000000;
  --white:        #FFFFFF;

  /* ── Neutral Scale ── */
  --gray-950: #090909;
  --gray-900: #111111;
  --gray-800: #1C1C1C;
  --gray-700: #2A2A2A;
  --gray-600: #3D3D3D;
  --gray-500: #595959;
  --gray-400: #7A7A7A;
  --gray-300: #A3A3A3;
  --gray-200: #CCCCCC;
  --gray-100: #E5E5E5;
  --gray-50:  #F5F5F5;

  /* ── Semantic ── */
  --color-primary:       var(--yellow);
  --color-primary-hover: var(--yellow-light);
  --color-primary-press: var(--yellow-dark);

  --color-bg:              var(--black);
  --color-surface:         var(--gray-900);
  --color-surface-raised:  var(--gray-800);
  --color-surface-overlay: var(--gray-700);

  --color-border:        var(--gray-800);
  --color-border-strong: var(--gray-700);
  --color-border-accent: var(--yellow);

  --color-text:          var(--white);
  --color-text-secondary:var(--gray-300);
  --color-text-muted:    var(--gray-500);
  --color-text-inverse:  var(--black);
  --color-text-accent:   var(--yellow);

  /* ── Status ── */
  --color-success: #22C55E;
  --color-warning: var(--yellow);
  --color-error:   #EF4444;
  --color-info:    #60A5FA;
}