/* NEXTRON AI Design System - Color Tokens */

:root {
  /* PRIMARY SURFACES */
  --color-black-absolute: #000000;
  --color-charcoal: #202020;
  --color-dark-iron: #181818;
  --color-white-pure: #FFFFFF;

  /* ACCENT COLORS */
  --color-gold-primary: #FFC000;
  --color-gold-dark: #917300;
  --color-gold-light: #FFCE3E;
  --color-cyan-pulse: #29ABE2;
  --color-link-blue: #3860BE;
  --color-teal-action: #1EAEDB;

  /* NEUTRALS & TEXT */
  --color-white-smoke: #F5F5F5;
  --color-graphite: #494949;
  --color-ash: #7D7D7D;
  --color-steel: #969696;
  --color-slate: #666666;
  --color-iron: #555555;
  --color-shadow: #313131;

  /* LIGHT SURFACES */
  --color-near-white: #F8F8F8;
  --color-mist: #E6E6E6;

  /* OVERLAYS */
  --color-overlay-dark-70: rgba(0, 0, 0, 0.7);
  --color-overlay-dark-50: rgba(0, 0, 0, 0.5);
  --color-overlay-dark-25: rgba(0, 0, 0, 0.25);

  /* SEMANTIC ALIASES */
  --bg-primary: var(--color-black-absolute);
  --bg-elevated: var(--color-charcoal);
  --bg-elevated-subtle: var(--color-dark-iron);
  --bg-light: var(--color-near-white);

  --text-primary: var(--color-white-pure);
  --text-secondary: var(--color-white-smoke);
  --text-muted: var(--color-ash);
  --text-on-light: var(--color-graphite);

  --button-primary-bg: var(--color-gold-primary);
  --button-primary-bg-hover: var(--color-gold-dark);
  --button-primary-text: var(--color-black-absolute);

  --button-secondary-border: var(--color-white-pure);
  --button-secondary-text: var(--color-white-pure);
  --button-secondary-bg-hover: var(--color-teal-action);

  --border-divider: var(--color-charcoal);
  --border-ghost: var(--color-white-pure);

  --accent-gold: var(--color-gold-primary);
  --accent-cyan: var(--color-cyan-pulse);
  --accent-link: var(--color-link-blue);

  --depth-0-abyss: var(--color-black-absolute);
  --depth-1-surface: var(--color-charcoal);
  --depth-2-overlay: var(--color-overlay-dark-70);
  --depth-3-fog: var(--color-overlay-dark-50);
  --depth-4-mist: var(--color-overlay-dark-25);
}