/* KRMovies — Theme Foundation
   Boutique cinema design system — managed by tokens.css
   This file is maintained for backward compatibility with theme.js */

/* Fallback values — actual tokens are in tokens.css */
:root {
  /* Legacy compatibility aliases */
  --bg:         var(--ink, #0B0A08);
  --bg-alt:     var(--ink-2, #121009);
  --surface:    var(--paper, #1A170F);
  --surface-hi: var(--paper-hi, #211C12);
  --fg:         var(--bone, #EDE6D2);
  --fg-muted:   var(--bone-muted, #A39A82);
  --fg-faint:   var(--bone-faint, #6B6451);
  --border:     var(--hairline, rgba(237,230,210,0.10));
  --elevated:   var(--paper-hi, #211C12);
  
  /* Accent mapping */
  --accent:     var(--ember, #E8A33D);
  --on-accent:  var(--ink, #0B0A08);
  
  /* Typography fallbacks */
  --font-head:   var(--font-display, 'Fraunces', serif);
  --font-body:   var(--font-body, 'Inter', sans-serif);
  --font-mono:   var(--font-mono, 'JetBrains Mono', monospace);
  --head-weight: 500;
  --font-scale:  1;
  
  /* Radius fallbacks */
  --r-lg:   var(--r-md, 6px);
  --r-pill: 999px;
}

/* Minimal transitions for performance */
.no-transition, .no-transition * {
  transition: none !important;
}