/* ============================================================
   Snowball Studio — Color tokens
   Brand palette: Black #000000 · Blue #0129FD · White #FFFFFF
   A stark, high-contrast system. Blue is the single accent —
   used decisively, never diluted into gradients.
   ============================================================ */
:root {
  /* --- Brand core --- */
  --black: #000000;
  --blue: #0129FD;
  --white: #FFFFFF;

  /* --- Blue scale (accent) --- */
  --blue-50:  #EAEDFF;
  --blue-100: #D2D9FF;
  --blue-200: #A6B3FF;
  --blue-400: #4D63FF;
  --blue-500: #0129FD;  /* brand blue */
  --blue-600: #011FCB;  /* hover */
  --blue-700: #00169B;  /* pressed */

  /* --- Ink / neutral scale (cool near-black) --- */
  --ink-900: #000000;   /* pure black, brand */
  --ink-800: #0C0D12;
  --ink-700: #1B1C24;
  --ink-600: #3A3B45;
  --ink-500: #65666F;   /* muted text */
  --ink-400: #9596A0;
  --ink-300: #C2C3CB;   /* borders on light */
  --ink-200: #E2E3E9;
  --ink-100: #EFEFF3;   /* hairlines, subtle fills */
  --ink-50:  #F7F7FA;   /* tinted surface */

  /* --- Semantic: surfaces --- */
  --bg:            var(--white);
  --bg-inverse:    var(--black);
  --surface:       var(--white);
  --surface-muted: var(--ink-50);
  --surface-sunken:var(--ink-100);
  --surface-inverse: var(--black);

  /* --- Semantic: text --- */
  --text:          var(--ink-900);
  --text-muted:    var(--ink-500);
  --text-subtle:   var(--ink-400);
  --text-inverse:  var(--white);
  --text-accent:   var(--blue-500);
  --text-on-accent:var(--white);

  /* --- Semantic: lines & accent --- */
  --border:        var(--ink-200);
  --border-strong: var(--ink-300);
  --border-inverse: rgba(255,255,255,0.16);
  --accent:        var(--blue-500);
  --accent-hover:  var(--blue-600);
  --accent-press:  var(--blue-700);
  --accent-tint:   var(--blue-50);

  /* --- Focus --- */
  --focus-ring:    var(--blue-500);

  /* --- Status (kept minimal & on-brand) --- */
  --success: #00875A;
  --warning: #B25E00;
  --danger:  #C8102E;
}