/* Tommy Tunes — Color tokens
   Brand: orange, white, black. Strak (sleek) + speels (playful).
   Dark-first: the studio lives on black, orange is the signal. */

:root {
  /* ---- Brand orange (the signal) ---- */
  --orange-50:  #FFF3EA;
  --orange-100: #FFE0C7;
  --orange-200: #FFBE8C;
  --orange-300: #FF9A4F;
  --orange-400: #FF7A1F;
  --orange-500: #FF5A00; /* primary brand orange */
  --orange-600: #E64E00;
  --orange-700: #B83D00;
  --orange-800: #8A2E00;
  --orange-900: #5C1F00;

  /* ---- Ink (black) ---- */
  --ink-950: #000000; /* true black — full-bleed stage */
  --ink-900: #0A0A0B;
  --ink-850: #111113;
  --ink-800: #17171A;
  --ink-700: #212125;
  --ink-600: #2E2E33;
  --ink-500: #43434B;

  /* ---- Neutrals / grays ---- */
  --gray-100: #E7E5E2;
  --gray-200: #C9C6C1;
  --gray-300: #A6A29B;
  --gray-400: #807C74;
  --gray-500: #5C5952;

  /* ---- Paper (white) ---- */
  --paper:      #FFFFFF;
  --paper-soft: #F6F4F0; /* warm off-white */
  --paper-dim:  #ECE9E3;

  /* ---- Semantic status ---- */
  --success-500: #35C46A;
  --warning-500: #FFB020;
  --danger-500:  #FF3B47;
  --info-500:    #3B9CFF;

  /* ================= Semantic aliases (dark, default) ================= */
  --bg-stage:      var(--ink-950);
  --bg-base:       var(--ink-900);
  --surface-1:     var(--ink-850);
  --surface-2:     var(--ink-800);
  --surface-3:     var(--ink-700);
  --surface-card:  var(--ink-850);

  --text-strong:   var(--paper);
  --text-body:     #D8D6D2;
  --text-muted:    var(--gray-300);
  --text-faint:    var(--gray-400);
  --text-on-accent:#0A0A0B;

  --accent:        var(--orange-500);
  --accent-hover:  var(--orange-400);
  --accent-press:  var(--orange-600);
  --accent-soft:   rgba(255, 90, 0, 0.14);
  --accent-text:   var(--orange-400);

  --border:        rgba(255,255,255,0.10);
  --border-strong: rgba(255,255,255,0.18);
  --border-accent: var(--orange-500);

  --focus-ring:    var(--orange-400);
}

/* ================= Light scope (paper surfaces) ================= */
.tt-light,
[data-theme="light"] {
  --bg-stage:      var(--paper-soft);
  --bg-base:       var(--paper-soft);
  --surface-1:     var(--paper);
  --surface-2:     var(--paper);
  --surface-3:     var(--paper-dim);
  --surface-card:  var(--paper);

  --text-strong:   var(--ink-900);
  --text-body:     var(--ink-800);
  --text-muted:    var(--gray-500);
  --text-faint:    var(--gray-400);
  --text-on-accent:#FFFFFF;

  --accent:        var(--orange-500);
  --accent-hover:  var(--orange-600);
  --accent-press:  var(--orange-700);
  --accent-soft:   rgba(255, 90, 0, 0.10);
  --accent-text:   var(--orange-600);

  --border:        rgba(10,10,11,0.12);
  --border-strong: rgba(10,10,11,0.22);
  --border-accent: var(--orange-500);
}