:root {
  --color-primary:        #FFC107;
  --color-primary-dark:   #FF8A00;
  --color-primary-light:  #FFD54F;
  --color-accent:         #5B8CFF;
  --color-on-primary:     #14161B;

  --font-family:          Inter, system-ui, sans-serif;
  --font-heading:         Onest, sans-serif;
  --font-mono:            JetBrains Mono, monospace;

  --color-primary-soft:   color-mix(in srgb, var(--color-primary) 12%, white);
  --color-accent-soft:    color-mix(in srgb, var(--color-accent) 22%, white);
}

/* Surface-цвета — ТОЛЬКО для светлой темы.
   В тёмной theme.css сам управляет фоном/текстом. */
html[data-theme="light"] {
  --color-text:           #14161B;
  --color-text-secondary: #6B7785;
  --color-bg:             #FFFFFF;
  --color-bg-soft:        #F7F8FA;
}

html[data-theme="dark"] {
  --color-primary-soft: color-mix(in srgb, var(--color-primary) 18%, transparent);
  --color-accent-soft:  color-mix(in srgb, var(--color-accent) 22%, transparent);
}
html[data-theme="dark"] {
  --color-bg:             #0E0F12;
  --color-bg-soft:        #16181D;
  --color-border:         #2A2E37;
  --color-text:           #EDEFF2;
  --color-text-secondary: #9AA0AB;
}