/* SONARO Design System — Black & Gold Cinematic */
:root {
  /* Backgrounds (глубина слоёв) */
  --bg-0: #050505;        /* самый глубокий */
  --bg-1: #090909;        /* canvas */
  --bg-2: #0D0D0D;        /* карточки */
  --bg-3: #111111;        /* hover/elevated */
  --bg-4: #161616;        /* modal */
  
  /* Gold (premium accent) */
  --gold: #D6B25C;
  --gold-light: #E8CF8E;
  --gold-dark: #B8973F;
  --gold-glow: rgba(214, 178, 92, 0.15);
  --gold-glow-strong: rgba(214, 178, 92, 0.30);
  
  /* Text */
  --text: #FFFFFF;
  --text-secondary: #8A8A96;
  --text-muted: #5C5C66;
  
  /* Borders */
  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.14);
  --border-gold: rgba(214, 178, 92, 0.25);
  --border-gold-strong: rgba(214, 178, 92, 0.50);
  
  /* Spacing (8px grid) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  
  /* Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  
  /* Typography */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif;
  --font-display: var(--font);
  
  /* Layout */
  --sidebar-w: 260px;
  --header-h: 72px;
  --content-max: 1440px;
  
  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
  --shadow-md: 0 4px 16px rgba(0,0,0,.5);
  --shadow-gold: 0 0 20px rgba(214,178,92,.15);
  
  /* Transitions */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --t-fast: 150ms;
  --t-normal: 250ms;
  --t-slow: 400ms;
}

/* Reset */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-family: var(--font); color: var(--text); background: var(--bg-0); -webkit-font-smoothing: antialiased; }
body { min-height: 100vh; background: var(--bg-0); overflow-x: hidden; }
button, input, select, textarea { font: inherit; color: inherit; }
a { color: inherit; text-decoration: none; }
img, svg { display: block; max-width: 100%; }