/*
 * Minimal local fallback of the central theme (Vurto Tema, https://theme.vurto.cc/v1/tema.css).
 * Loaded BEFORE the central theme, so whatever the central theme defines wins. Only the variables
 * the docs use, with the same names and values as Vurto Swap (src/styles.css): dark on :root,
 * light on html:not(.dark), the same convention as the Swap.
 *
 * --font-head is the brand heading font (Lexend), the same name as the central theme (theme.vurto.cc).
 */
:root {
  color-scheme: dark;
  --font-interface: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-head: 'Lexend', 'Inter', ui-sans-serif, system-ui, sans-serif;
  --bg: #0f1012;
  --bg-raised: #16181b;
  --surface-soft: rgba(35,39,46,.72);
  --surface-hover: #23272e;
  --surface-card: #1a1d21;
  --surface-row: #15181c;
  --line: rgba(195,200,208,.16);
  --line-strong: #6d737c;
  --text: #f2f4f7;
  --text-soft: #c3c8d0;
  --muted: #99a0aa;
  --orange-rgb: 245, 165, 36;
  --green: #4ade9b;
  --yellow: #f2c14e;
  --red: #ff7a8f;
  --blue: #7fb0ff;
  --accent: #f5a524;
  --accent-soft: #ffc46a;
  --accent-edge: #c07d13;
  --accent-on: #1a1204;
  --accent-glow: rgba(245,165,36,.20);
  --field-bg: #101317;
  --red-wash: #2c2228;
  --radius-xl: 28px;
  --radius-lg: 20px;
  --radius-md: 14px;
  --fx-raio: 11px;
  --shadow: 0 28px 72px rgba(0, 0, 0, 0.34);
}

html:not(.dark) {
  color-scheme: light;
  --bg: #f2f1ee;
  --bg-raised: #ffffff;
  --surface-soft: rgba(232,230,225,.72);
  --surface-hover: #e8e6e1;
  --surface-card: #ffffff;
  --surface-row: #ffffff;
  --line: rgba(20,23,27,.14);
  --line-strong: #8a8f98;
  --text: #14171b;
  --text-soft: #3d434c;
  --muted: #5b6270;
  --orange-rgb: 163, 84, 10;
  --green: #157a51;
  --yellow: #8a6410;
  --red: #c0392f;
  --blue: #2f66d6;
  --accent: #a3540a;
  --accent-soft: #b05c0c;
  --accent-edge: #7a3e06;
  --accent-on: #ffffff;
  --accent-glow: rgba(163,84,10,.18);
  --field-bg: #f7f5f1;
  --red-wash: #f9ebea;
  --shadow: 0 24px 60px rgba(60, 44, 20, 0.14);
}