/* ─── Suna Color System ─── */
/* Black + White + Warm Orange. Nothing else. */

:root {
  /* ── Core ── */
  --color-black:       #0A0A0A;
  --color-white:       #F8F7F4;
  --color-pure-white:  #FFFFFF;
  --color-pure-black:  #000000;

  /* ── Warm Orange — the only accent ── */
  --color-orange:        #E05500;
  --color-orange-dark:   #B34200;
  --color-orange-light:  #FF7830;
  --color-orange-subtle: rgba(224, 85, 0, 0.10);
  --color-orange-mid:    rgba(224, 85, 0, 0.40);

  /* ── Neutrals ── */
  --color-gray-950: #0F0F0F;
  --color-gray-900: #1A1A1A;
  --color-gray-800: #2C2C2C;
  --color-gray-700: #3D3D3D;
  --color-gray-600: #575757;
  --color-gray-500: #737373;
  --color-gray-400: #959595;
  --color-gray-300: #B8B8B8;
  --color-gray-200: #D4D4D4;
  --color-gray-100: #E8E8E8;
  --color-gray-50:  #F5F5F3;

  /* ── Orange Gradient — cinematic glow ── */
  /* Colors from reference: #FC3B00 · #FF6129 · #FF7145 */
  --gradient-orange-glow:
    radial-gradient(ellipse 85% 70% at 80% 100%, #FC3B00 0%, rgba(252,59,0,0.55) 28%, transparent 58%),
    radial-gradient(ellipse 65% 55% at 8%  100%, rgba(255,97,41,0.70) 0%, transparent 48%),
    radial-gradient(ellipse 38% 28% at 92%   4%, rgba(255,113,69,0.32) 0%, transparent 42%),
    #050505; /* @kind color */

  /* ── Semantic Aliases ── */
  --color-bg:           var(--color-black);
  --color-bg-alt:       var(--color-gray-900);
  --color-bg-inverse:   var(--color-white);
  --color-fg:           var(--color-white);
  --color-fg-muted:     var(--color-gray-400);
  --color-fg-inverse:   var(--color-black);
  --color-accent:       var(--color-orange);
  --color-accent-dark:  var(--color-orange-dark);
  --color-border:       var(--color-gray-800);
  --color-border-light: var(--color-gray-200);
}