:root {
  color-scheme: dark;

  





  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  





  --color-navy: #0F172A;
  --color-blue: #2563EB;
  --color-red: #C62839;
  --color-gold: #D4A24C;
  --color-silver: #E5E7EB;

  --accent: var(--color-gold);
  --danger: var(--color-red);

  





  --sidebar-width: 290px;
  --header-height: 92px;
  --bottom-nav-height: 76px;

  --content-padding-x: 28px;
  --content-padding-y: 28px;

  





  --radius-xs: 8px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  





  --shadow-card: 0 16px 40px rgba(0, 0, 0, .18);
  --shadow-soft: 0 8px 20px rgba(0, 0, 0, .12);
  --shadow-strong: 0 24px 70px rgba(0, 0, 0, .34);
  --poster-shadow: 0 12px 28px rgba(0, 0, 0, .28);

  





  --bg: #09111f;
  --bg-header: #071931;
  --bg-elev-1: #0F172A;
  --bg-elev-2: #121d34;
  --bg-overlay: rgba(8, 13, 24, .72);

  --surface-soft: rgba(255, 255, 255, .02);
  --surface-control: rgba(255, 255, 255, .035);
  --surface-control-hover: rgba(255, 255, 255, .06);

  --card-gradient: linear-gradient(180deg, rgba(18, 29, 52, .98) 0%, rgba(11, 19, 34, .98) 100%);

  





  --text-1: #F4F7FB;
  --text-2: #C9D3E4;
  --text-3: #96A5BF;

  --line-soft: rgba(229, 231, 235, .10);
  --line-strong: rgba(229, 231, 235, .18);

  





  --icon-accent: var(--color-gold);
  --nav-item-hover: rgba(37, 99, 235, .10);
  --nav-item-active: rgba(37, 99, 235, .14);

  





  --success: #3BA55D;
  --warning: var(--color-gold);
  --info: var(--color-blue);

  --success-bg: rgba(59, 165, 93, .14);
  --success-border: rgba(59, 165, 93, .28);
  --success-text: #d9ffe6;

  --danger-bg: rgba(198, 40, 57, .14);
  --danger-border: rgba(198, 40, 57, .28);
  --danger-text: #ffdede;

  --warning-bg: rgba(212, 162, 76, .12);
  --warning-border: rgba(212, 162, 76, .24);
  --warning-text: var(--color-gold);

  --info-bg: rgba(37, 99, 235, .14);
  --info-border: rgba(37, 99, 235, .24);
  --info-text: #dbeafe;

  





  --control-height: 46px;
  --control-radius: 14px;

  --button-height: 42px;
  --button-height-compact: 34px;

  --bottom-nav-item-width: clamp(68px, 7vw, 104px);
  --bottom-nav-item-min-width: 68px;
  --bottom-nav-item-height: 54px;
}

body[data-theme="light"] {
  color-scheme: light;

  --bg: #F4F6FA;
  --bg-header: #ffffff;
  --bg-elev-1: #ffffff;
  --bg-elev-2: #F8FAFC;
  --bg-overlay: rgba(31, 41, 55, .24);

  --surface-soft: rgba(15, 23, 42, .025);
  --surface-control: rgba(15, 23, 42, .035);
  --surface-control-hover: rgba(15, 23, 42, .06);

  --text-1: #0F172A;
  --text-2: #35435D;
  --text-3: #637089;

  --line-soft: rgba(15, 23, 42, .08);
  --line-strong: rgba(15, 23, 42, .14);

  --nav-item-hover: rgba(37, 99, 235, .08);
  --nav-item-active: rgba(37, 99, 235, .12);

  --card-gradient: linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(245, 248, 252, .98) 100%);

  --shadow-card: 0 16px 40px rgba(15, 23, 42, .08);
  --shadow-soft: 0 8px 20px rgba(15, 23, 42, .06);
  --shadow-strong: 0 24px 70px rgba(15, 23, 42, .18);
  --poster-shadow: 0 12px 28px rgba(15, 23, 42, .12);

  --success-text: #125b2d;
  --danger-text: #8b1c2a;
  --info-text: #183b86;
}