/* ============================================
   ATO COLOR TOKENS
   Primary: Orange #FF6100
   Neutrals: Black → White
   ============================================ */

:root {
  /* --- Orange Scale --- */
  --color-orange-50:  #FFF2E8;
  --color-orange-100: #FFD9BC;
  --color-orange-200: #FFB37F;
  --color-orange-300: #FF8840;
  --color-orange-400: #FF6100;   /* ← Brand primary */
  --color-orange-500: #E55700;
  --color-orange-600: #BF4900;
  --color-orange-700: #8F3700;
  --color-orange-800: #5C2300;
  --color-orange-900: #2E1200;

  /* --- Neutral Scale --- */
  --color-neutral-0:   #FFFFFF;
  --color-neutral-50:  #F7F7F7;
  --color-neutral-100: #EFEFEF;
  --color-neutral-150: #E5E5E5;
  --color-neutral-200: #D8D8D8;
  --color-neutral-300: #B8B8B8;
  --color-neutral-400: #959595;
  --color-neutral-500: #717171;
  --color-neutral-600: #525252;
  --color-neutral-700: #363636;
  --color-neutral-800: #1E1E1E;
  --color-neutral-850: #141414;
  --color-neutral-900: #0A0A0A;   /* ← Brand black */

  /* --- Semantic: Foreground --- */
  --color-fg:           var(--color-neutral-900);
  --color-fg-muted:     var(--color-neutral-500);
  --color-fg-subtle:    var(--color-neutral-300);
  --color-fg-inverse:   var(--color-neutral-0);
  --color-fg-brand:     var(--color-orange-400);
  --color-fg-on-brand:  var(--color-neutral-900);  /* text ON orange bg */

  /* --- Semantic: Background --- */
  --color-bg:            var(--color-neutral-0);
  --color-bg-muted:      var(--color-neutral-50);
  --color-bg-subtle:     var(--color-neutral-100);
  --color-bg-dark:       var(--color-neutral-900);
  --color-bg-dark-2:     var(--color-neutral-800);
  --color-bg-brand:      var(--color-orange-400);
  --color-bg-brand-muted:var(--color-orange-50);

  /* --- Semantic: Border --- */
  --color-border:        var(--color-neutral-150);
  --color-border-muted:  var(--color-neutral-100);
  --color-border-dark:   var(--color-neutral-700);
  --color-border-brand:  var(--color-orange-400);

  /* --- Status --- */
  --color-success:       #1C7C4A;
  --color-success-light: #D1FAE5;
  --color-warning:       #D97706;
  --color-warning-light: #FEF3C7;
  --color-error:         #DC2626;
  --color-error-light:   #FEE2E2;
}