/* Vurto Tema v1.0.0. Gerado por scripts/build.mjs a partir de tokens.json, não editar. */

/* Comuns aos dois modos, mais o claro como padrão de quem não declara preferência. */
:root {
  color-scheme: light;
  --font-interface: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-head: "Lexend", "Inter", system-ui, sans-serif;
  --font-monospace: ui-monospace, "SFMono-Regular", "JetBrains Mono", Menlo, Consolas, monospace;
  --radius-xl: 28px;
  --radius-lg: 20px;
  --radius-md: 14px;
  --fx-raio: 11px;
  --fx-lift: none;
  --fx-lift-hover: none;
  --fx-lift-press: translateY(1px);
  --fx-accent-shadow-press: inset 0 2px 7px rgba(0,0,0,.38);
  --bg: #f2f1ee;
  --bg-raised: #ffffff;
  --surface: rgba(255,255,255,.9);
  --surface-solid: #ffffff;
  --surface-soft: rgba(232,230,225,.72);
  --surface-hover: #e8e6e1;
  --line: rgba(20,23,27,.14);
  --line-strong: #8a8f98;
  --text: #14171b;
  --text-soft: #3d434c;
  --muted: #5b6270;
  --orange: #a3540a;
  --orange-bright: #b05c0c;
  --orange-dark: #7a3e06;
  --orange-rgb: 163, 84, 10;
  --green: #157a51;
  --yellow: #8a6410;
  --red: #c0392f;
  --blue: #2f66d6;
  --shadow: 0 24px 60px rgba(60, 44, 20, 0.14);
  --surface-card: #ffffff;
  --surface-row: #ffffff;
  --surface-row-focus: #fbf9f5;
  --control: #eceae6;
  --control-hover: #e2dfd9;
  --control-line: #8a8f98;
  --control-line-hover: #5f646d;
  --control-text: #33383f;
  --accent: #a3540a;
  --accent-soft: #b05c0c;
  --accent-edge: #7a3e06;
  --accent-on: #ffffff;
  --accent-glow: rgba(163,84,10,.18);
  --avatar-ring: rgba(163,84,10,.45);
  --field-bg: #f7f5f1;
  --field-line: #8a8f98;
  --chip-line: #767b84;
  --edge-ok: #449574;
  --edge-wait: #cd6159;
  --red-wash: #f9ebea;
  --fx-fill: linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.45)), #eceae6;
  --fx-fill-hover: linear-gradient(180deg, #ffffff, rgba(255,255,255,.55)), #e2dfd9;
  --fx-fill-press: linear-gradient(180deg, rgba(0,0,0,.11), rgba(0,0,0,.02)), #e2dfd9;
  --fx-shadow: inset 0 1px 0 #ffffff, 0 1px 2px rgba(60,50,35,.16);
  --fx-shadow-hover: inset 0 1px 0 #ffffff, 0 2px 7px rgba(60,50,35,.20);
  --fx-shadow-press: inset 0 2px 5px rgba(60,50,35,.30);
  --fx-accent-fill: linear-gradient(180deg, #b05c0c, #a3540a);
  --fx-accent-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 3px 12px rgba(163,84,10,.18);
  --fx-accent-shadow-hover: inset 0 1px 0 rgba(255,255,255,.42), 0 5px 18px rgba(163,84,10,.18);
  --fx-field-fill: linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,0)), #f7f5f1;
  --fx-field-shadow: inset 0 2px 4px rgba(60,50,35,.18);
  --fx-field-focus: inset 0 2px 4px rgba(60,50,35,.12), 0 0 0 3px rgba(163,84,10,.18);
}

/* Escuro pelo sistema, a menos que a página tenha escolhido claro. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #0f1012;
    --bg-raised: #16181b;
    --surface: rgba(26,29,33,.9);
    --surface-solid: #1a1d21;
    --surface-soft: rgba(35,39,46,.72);
    --surface-hover: #23272e;
    --line: rgba(195,200,208,.16);
    --line-strong: #6d737c;
    --text: #f2f4f7;
    --text-soft: #c3c8d0;
    --muted: #99a0aa;
    --orange: #f5a524;
    --orange-bright: #ffc46a;
    --orange-dark: #c07d13;
    --orange-rgb: 245, 165, 36;
    --green: #4ade9b;
    --yellow: #f2c14e;
    --red: #ff7a8f;
    --blue: #7fb0ff;
    --shadow: 0 28px 72px rgba(0, 0, 0, 0.34);
    --surface-card: #1a1d21;
    --surface-row: #15181c;
    --surface-row-focus: #1e2228;
    --control: #262a30;
    --control-hover: #30353d;
    --control-line: #6d737c;
    --control-line-hover: #9aa1ab;
    --control-text: #d7dbe1;
    --accent: #f5a524;
    --accent-soft: #ffc46a;
    --accent-edge: #c07d13;
    --accent-on: #1a1204;
    --accent-glow: rgba(245,165,36,.20);
    --avatar-ring: rgba(245,165,36,.4);
    --field-bg: #101317;
    --field-line: #6d737c;
    --chip-line: #6d737c;
    --edge-ok: #40b783;
    --edge-wait: #d16779;
    --red-wash: #2c2228;
    --fx-fill: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.015)), #262a30;
    --fx-fill-hover: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.03)), #30353d;
    --fx-fill-press: linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.08)), #262a30;
    --fx-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 1px 2px rgba(0,0,0,.40);
    --fx-shadow-hover: inset 0 1px 0 rgba(255,255,255,.28), 0 2px 7px rgba(0,0,0,.45);
    --fx-shadow-press: inset 0 2px 6px rgba(0,0,0,.55);
    --fx-accent-fill: linear-gradient(180deg, #ffc46a, #f5a524);
    --fx-accent-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 3px 12px rgba(245,165,36,.20);
    --fx-accent-shadow-hover: inset 0 1px 0 rgba(255,255,255,.6), 0 5px 18px rgba(245,165,36,.20);
    --fx-field-fill: linear-gradient(180deg, rgba(0,0,0,.38), rgba(0,0,0,.10)), #101317;
    --fx-field-shadow: inset 0 2px 5px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.06);
    --fx-field-focus: inset 0 2px 5px rgba(0,0,0,.45), 0 0 0 3px rgba(245,165,36,.20);
  }
}

/* Escolha explícita da página, que vence o sistema. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0f1012;
  --bg-raised: #16181b;
  --surface: rgba(26,29,33,.9);
  --surface-solid: #1a1d21;
  --surface-soft: rgba(35,39,46,.72);
  --surface-hover: #23272e;
  --line: rgba(195,200,208,.16);
  --line-strong: #6d737c;
  --text: #f2f4f7;
  --text-soft: #c3c8d0;
  --muted: #99a0aa;
  --orange: #f5a524;
  --orange-bright: #ffc46a;
  --orange-dark: #c07d13;
  --orange-rgb: 245, 165, 36;
  --green: #4ade9b;
  --yellow: #f2c14e;
  --red: #ff7a8f;
  --blue: #7fb0ff;
  --shadow: 0 28px 72px rgba(0, 0, 0, 0.34);
  --surface-card: #1a1d21;
  --surface-row: #15181c;
  --surface-row-focus: #1e2228;
  --control: #262a30;
  --control-hover: #30353d;
  --control-line: #6d737c;
  --control-line-hover: #9aa1ab;
  --control-text: #d7dbe1;
  --accent: #f5a524;
  --accent-soft: #ffc46a;
  --accent-edge: #c07d13;
  --accent-on: #1a1204;
  --accent-glow: rgba(245,165,36,.20);
  --avatar-ring: rgba(245,165,36,.4);
  --field-bg: #101317;
  --field-line: #6d737c;
  --chip-line: #6d737c;
  --edge-ok: #40b783;
  --edge-wait: #d16779;
  --red-wash: #2c2228;
  --fx-fill: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.015)), #262a30;
  --fx-fill-hover: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.03)), #30353d;
  --fx-fill-press: linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.08)), #262a30;
  --fx-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 1px 2px rgba(0,0,0,.40);
  --fx-shadow-hover: inset 0 1px 0 rgba(255,255,255,.28), 0 2px 7px rgba(0,0,0,.45);
  --fx-shadow-press: inset 0 2px 6px rgba(0,0,0,.55);
  --fx-accent-fill: linear-gradient(180deg, #ffc46a, #f5a524);
  --fx-accent-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 3px 12px rgba(245,165,36,.20);
  --fx-accent-shadow-hover: inset 0 1px 0 rgba(255,255,255,.6), 0 5px 18px rgba(245,165,36,.20);
  --fx-field-fill: linear-gradient(180deg, rgba(0,0,0,.38), rgba(0,0,0,.10)), #101317;
  --fx-field-shadow: inset 0 2px 5px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.06);
  --fx-field-focus: inset 0 2px 5px rgba(0,0,0,.45), 0 0 0 3px rgba(245,165,36,.20);
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f2f1ee;
  --bg-raised: #ffffff;
  --surface: rgba(255,255,255,.9);
  --surface-solid: #ffffff;
  --surface-soft: rgba(232,230,225,.72);
  --surface-hover: #e8e6e1;
  --line: rgba(20,23,27,.14);
  --line-strong: #8a8f98;
  --text: #14171b;
  --text-soft: #3d434c;
  --muted: #5b6270;
  --orange: #a3540a;
  --orange-bright: #b05c0c;
  --orange-dark: #7a3e06;
  --orange-rgb: 163, 84, 10;
  --green: #157a51;
  --yellow: #8a6410;
  --red: #c0392f;
  --blue: #2f66d6;
  --shadow: 0 24px 60px rgba(60, 44, 20, 0.14);
  --surface-card: #ffffff;
  --surface-row: #ffffff;
  --surface-row-focus: #fbf9f5;
  --control: #eceae6;
  --control-hover: #e2dfd9;
  --control-line: #8a8f98;
  --control-line-hover: #5f646d;
  --control-text: #33383f;
  --accent: #a3540a;
  --accent-soft: #b05c0c;
  --accent-edge: #7a3e06;
  --accent-on: #ffffff;
  --accent-glow: rgba(163,84,10,.18);
  --avatar-ring: rgba(163,84,10,.45);
  --field-bg: #f7f5f1;
  --field-line: #8a8f98;
  --chip-line: #767b84;
  --edge-ok: #449574;
  --edge-wait: #cd6159;
  --red-wash: #f9ebea;
  --fx-fill: linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.45)), #eceae6;
  --fx-fill-hover: linear-gradient(180deg, #ffffff, rgba(255,255,255,.55)), #e2dfd9;
  --fx-fill-press: linear-gradient(180deg, rgba(0,0,0,.11), rgba(0,0,0,.02)), #e2dfd9;
  --fx-shadow: inset 0 1px 0 #ffffff, 0 1px 2px rgba(60,50,35,.16);
  --fx-shadow-hover: inset 0 1px 0 #ffffff, 0 2px 7px rgba(60,50,35,.20);
  --fx-shadow-press: inset 0 2px 5px rgba(60,50,35,.30);
  --fx-accent-fill: linear-gradient(180deg, #b05c0c, #a3540a);
  --fx-accent-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 3px 12px rgba(163,84,10,.18);
  --fx-accent-shadow-hover: inset 0 1px 0 rgba(255,255,255,.42), 0 5px 18px rgba(163,84,10,.18);
  --fx-field-fill: linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,0)), #f7f5f1;
  --fx-field-shadow: inset 0 2px 4px rgba(60,50,35,.18);
  --fx-field-focus: inset 0 2px 4px rgba(60,50,35,.12), 0 0 0 3px rgba(163,84,10,.18);
}