/* UNSEEN — Color tokens
   Brand: pure black canvas, signal orange, white. Photography is B&W.
   Sampled from the brand assets: orange #FD5413, black #000000. */

:root {
  /* ---- Base palette ---- */
  --black:        #000000;
  --ink-950:      #060606; /* page base when not pure black */
  --ink-900:      #0C0C0D; /* surface */
  --ink-850:      #131314; /* card */
  --ink-800:      #1A1A1C; /* elevated */
  --ink-700:      #242427; /* hairline-heavy / inputs */
  --ink-600:      #34343A; /* borders strong */
  --line:         #232327; /* default hairline */

  --smoke-500:    #5A5A62; /* disabled text */
  --smoke-400:    #7A7A84; /* muted */
  --smoke-300:    #9A9AA4; /* secondary text */
  --smoke-200:    #C2C2C9; /* low-emphasis on dark */

  --paper:        #FFFFFF;
  --paper-dim:    #ECECEE;

  /* ---- Signal orange ---- */
  --orange-700:   #B83A06;
  --orange-600:   #DC4709; /* pressed */
  --orange-500:   #FD5413; /* PRIMARY brand accent */
  --orange-400:   #FF6A2E; /* hover / lighter */
  --orange-300:   #FF8A57;
  --orange-tint:  rgba(253, 84, 19, 0.14);
  --orange-glow:  rgba(253, 84, 19, 0.45);

  /* ---- Semantic feedback (used sparingly; orange is the hero) ---- */
  --success-500:  #46C28A;
  --warning-500:  #F2B33D;
  --danger-500:   #F0492E;

  /* ---- Semantic aliases ---- */
  --bg-base:        var(--black);
  --bg-surface:     var(--ink-900);
  --bg-card:        var(--ink-850);
  --bg-elevated:    var(--ink-800);
  --bg-input:       var(--ink-800);
  --bg-inverse:     var(--paper);

  --text-primary:   var(--paper);
  --text-secondary: var(--smoke-300);
  --text-muted:     var(--smoke-400);
  --text-disabled:  var(--smoke-500);
  --text-inverse:   var(--black);
  --text-accent:    var(--orange-500);

  --accent:         var(--orange-500);
  --accent-hover:   var(--orange-400);
  --accent-press:   var(--orange-600);
  --on-accent:      var(--paper);

  --border:         var(--line);
  --border-strong:  var(--ink-600);
  --border-accent:  var(--orange-500);
  --focus-ring:     var(--orange-500);

  --overlay:        rgba(0, 0, 0, 0.72);
}