:root,
:root[data-theme="mueveseguro"] {
  --bg: #f8fafc;
  --surface: #ffffff;
  --surface-border: #0b1b4d;
  --surface-quiet: #e6eaf1;
  --line-soft: #c9d1de;
  --header-bg: #0b1b4d;
  --header-fg: #ffffff;
  --header-divider: rgba(255, 255, 255, 0.4);
  --header-rule: none;
  --text: #0b1b4d;
  --text-muted: #5b6785;
  --accent: #4ccaf9;
  --on-accent: #0b1b4d;
  --focus: #4ccaf9;
  --focus-strong: #0a56c6;
  --live-bg: #4ccaf9;
  --live-fg: #0b1b4d;
  --live-border: #0b1b4d;
  --tile-1-bg: #ffffff;
  --tile-1-fg: #0b1b4d;
  --tile-1-icon: #0b1b4d;
  --tile-1-border: #0b1b4d;
  --tile-2-bg: #0a56c6;
  --tile-2-fg: #ffffff;
  --tile-2-icon: #ffffff;
  --tile-2-border: #0b1b4d;
  --tile-3-bg: #4ccaf9;
  --tile-3-fg: #0b1b4d;
  --tile-3-icon: #0b1b4d;
  --tile-3-border: #0b1b4d;
  --tile-4-bg: #ffffff;
  --tile-4-fg: #0b1b4d;
  --tile-4-icon: #0b1b4d;
  --tile-4-border: #0b1b4d;
  --tile-5-bg: #0b1b4d;
  --tile-5-fg: #ffffff;
  --tile-5-icon: #ffffff;
  --tile-5-border: #0b1b4d;
  --emphasis-bg: #0b1b4d;
  --emphasis-fg: #ffffff;
  --closed-bg: #0b1b4d;
  --closed-fg: #ffffff;
  --bar-fill: #0a56c6;
  --ball-border: #0b1b4d;
  --ball-empty: #ffffff;
  --ball-full: #0a56c6;
  --ball-moving: #4ccaf9;
  --ball-mark: #0b1b4d;
  --plus-bg: #4ccaf9;
  --plus-fg: #0b1b4d;
  --sticker-bg: #ffffff;
  --sticker-fg: #0b1b4d;
  --sticker-border: #0b1b4d;
  --chip-bg: #ffffff;
  --scrim: rgba(11, 27, 77, 0.45);
  --celebration: #4ccaf9;
  --success: #0a56c6;
  --error: #c62828;
  --warning: #f2a73b;
  --confetti-1: #0a56c6;
  --confetti-2: #4ccaf9;
  --confetti-3: #ffffff;
  --stripes: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M-1,1 l2,-2 M0,10 l10,-10 M9,11 l2,-2' stroke='%230B1B4D' stroke-width='2'/%3E%3C/svg%3E");
  --font-display: "Space Grotesk", sans-serif;
  --font-body: "Space Grotesk", sans-serif;
  --font-mono: "JetBrains Mono", monospace;
  --font-ui: var(--font-mono);
  --font-label: var(--font-mono);
  --font-number: var(--font-mono);
  --font-title-sm: var(--font-mono);
  --weight-ui: 500;
  --weight-label: 500;
  --weight-title-sm: 500;
  --radius-tile: 0;
  --radius-pill: 0;
  --radius-ui: 0;
  --radius-track: calc(var(--u) * 36);
  --tracking-tight: -0.02em;
  --border-tile: var(--border);
  --border-bar: var(--border);
  --border-ui: 3px;
  --border-thin: 2px;
  --border-strong: 4px;
  --shadow-tile: var(--shadow-step) var(--shadow-step) 0 #0b1b4d;
  --shadow-ui: 4px 4px 0 #0b1b4d;
  --shadow-card: 8px 8px 0 #0b1b4d;
  --ticker-rule: var(--border-tile) solid var(--surface-border);
  --login-page-bg: #0f1f4d;
  --login-card: #ffffff;
  --login-ink: #0f1f4d;
  --login-muted: #5b6478;
  --login-faint: #8a92a6;
  --login-accent: #4ccaf9;
  --login-button: #1f3a8a;
  --login-button-hover: #152a6b;
  --login-button-fg: #ffffff;
  --login-error-bg: #fdecec;
  --login-error-fg: #9b1c1c;
  --login-radius: 16px;
  --login-radius-sm: 8px;
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/poppins-latin-700-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/open-sans-latin-400-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/open-sans-latin-600-normal.woff2") format("woff2");
}

:root[data-theme="insurex"] {
  --header-fg: #ffffff;
  --on-accent: #121212;
  --live-fg: #121212;
  --tile-2-bg: #4d4797;
  --tile-2-fg: #ffffff;
  --tile-2-icon: #ffffff;
  --tile-2-border: #4d4797;
  --tile-3-bg: #01a0b2;
  --tile-3-fg: #121212;
  --tile-3-icon: #121212;
  --tile-3-border: #01a0b2;
  --tile-5-fg: #ffffff;
  --tile-5-icon: #ffffff;
  --ball-border: #4d4797;
  --ball-moving: #01a0b2;
  --plus-bg: #01a0b2;
  --plus-fg: #121212;
  --celebration: #d2a607;
  --scrim: rgba(18, 18, 18, 0.6);
  --closed-bg: #d2a607;
  --closed-fg: #121212;
  --sticker-bg: #d2a607;
  --sticker-fg: #121212;
  --sticker-border: #d2a607;
  --success: #428445;
  --error: #ea3335;
  --warning: #f2a73b;
  --confetti-1: #4d4797;
  --confetti-2: #01a0b2;
  --confetti-3: #d2a607;
  --font-display: "Poppins", sans-serif;
  --font-body: "Open Sans", sans-serif;
  --font-mono: "Open Sans", sans-serif;
  --font-ui: var(--font-body);
  --font-label: var(--font-display);
  --font-number: var(--font-display);
  --font-title-sm: var(--font-display);
  --weight-ui: 600;
  --weight-label: 700;
  --weight-title-sm: 700;
  --radius-tile: 20px;
  --radius-pill: 30px;
  --radius-ui: 14px;
  --radius-track: 20px;
  --tracking-tight: -0.05em;
  --border-tile: 0;
  --border-bar: 1px;
  --border-ui: 1px;
  --border-thin: 1px;
  --border-strong: 2px;
  --ticker-rule: 3px solid var(--celebration);
  --login-bg: var(--login-page-bg);
  --login-font: "Open Sans", sans-serif;
  --login-title-font: "Poppins", sans-serif;
  --login-radius: 20px;
  --login-radius-sm: 30px;
}

:root[data-theme="insurex"][data-mode="light"] {
  --bg: #f4f4f4;
  --surface: #ffffff;
  --surface-border: #e3e3e3;
  --surface-quiet: #ebebeb;
  --line-soft: #d9d9d9;
  --header-bg: #403a7c;
  --header-divider: rgba(255, 255, 255, 0.4);
  --header-rule: none;
  --text: #121212;
  --text-muted: #4d4d4d;
  --accent: #01a0b2;
  --focus: #01a0b2;
  --focus-strong: #4d4797;
  --live-bg: #01a0b2;
  --live-border: #01a0b2;
  --tile-1-bg: #ffffff;
  --tile-1-fg: #121212;
  --tile-1-icon: #4d4797;
  --tile-1-border: #ffffff;
  --tile-4-bg: #ffffff;
  --tile-4-fg: #121212;
  --tile-4-icon: #4d4797;
  --tile-4-border: #ffffff;
  --tile-5-bg: #403a7c;
  --tile-5-border: #403a7c;
  --emphasis-bg: #121212;
  --emphasis-fg: #ffffff;
  --bar-fill: #4d4797;
  --ball-empty: #ffffff;
  --ball-full: #4d4797;
  --ball-mark: #121212;
  --chip-bg: #f4f4f4;
  --stripes: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M-1,1 l2,-2 M0,10 l10,-10 M9,11 l2,-2' stroke='%23121212' stroke-width='2'/%3E%3C/svg%3E");
  --shadow-tile: 0 4px 0 rgba(18, 18, 18, 0.08);
  --shadow-ui: 0 4px 0 rgba(18, 18, 18, 0.08);
  --shadow-card: 0 4px 0 rgba(18, 18, 18, 0.08);
  --login-page-bg: #f4f4f4;
  --login-card: #ffffff;
  --login-border: 0;
  --login-shadow: 0 4px 0 rgba(18, 18, 18, 0.08);
  --login-ink: #121212;
  --login-muted: #4d4d4d;
  --login-faint: #4d4d4d;
  --login-accent: #01a0b2;
  --login-button: #4d4797;
  --login-button-hover: #403a7c;
  --login-button-fg: #ffffff;
  --login-error-bg: #fdecec;
  --login-error-fg: #a11d1f;
}

:root[data-theme="insurex"][data-mode="dark"] {
  --bg: #121212;
  --surface: #1e1e1e;
  --surface-border: #2a2a2a;
  --surface-quiet: #2a2a2a;
  --line-soft: #333333;
  --header-bg: #121212;
  --header-divider: rgba(255, 255, 255, 0.2);
  --header-rule: 1px solid #4d4797;
  --text: #ffffff;
  --text-muted: #b3b3b3;
  --accent: #40b8cc;
  --focus: #40b8cc;
  --focus-strong: #40b8cc;
  --live-bg: #40b8cc;
  --live-border: #40b8cc;
  --tile-1-bg: #1e1e1e;
  --tile-1-fg: #ffffff;
  --tile-1-icon: #40b8cc;
  --tile-1-border: #2a2a2a;
  --tile-4-bg: #1e1e1e;
  --tile-4-fg: #ffffff;
  --tile-4-icon: #40b8cc;
  --tile-4-border: #2a2a2a;
  --tile-5-bg: #5c4fea;
  --tile-5-border: #5c4fea;
  --emphasis-bg: #ffffff;
  --emphasis-fg: #121212;
  --bar-fill: #5c4fea;
  --ball-empty: #1e1e1e;
  --ball-full: #5c4fea;
  --ball-mark: #ffffff;
  --chip-bg: #121212;
  --stripes: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M-1,1 l2,-2 M0,10 l10,-10 M9,11 l2,-2' stroke='%23B3B3B3' stroke-width='2'/%3E%3C/svg%3E");
  --border-tile: 1px;
  --shadow-tile: none;
  --shadow-ui: none;
  --shadow-card: none;
  --login-page-bg: #121212;
  --login-card: #1e1e1e;
  --login-border: 1px solid #2a2a2a;
  --login-shadow: none;
  --login-ink: #ffffff;
  --login-muted: #b3b3b3;
  --login-faint: #b3b3b3;
  --login-accent: #40b8cc;
  --login-button: #5c4fea;
  --login-button-hover: #4d4797;
  --login-button-fg: #ffffff;
  --login-error-bg: #3a1414;
  --login-error-fg: #ffb4b4;
}