:root {
  color-scheme: light;
  --blue: #154f88;
  --blue-2: #0b2746;
  --orange: #ff7a00;
  --orange-2: #ff9300;
  --primary: #ff7a00;
  --primary-dark: #e56800;
  --secondary: #154f88;
  --secondary-dark: #0b2746;
  --bg: #f4f7fb;
  --background: #f4f7fb;
  --card: #ffffff;
  --text: #142033;
  --muted: #5f6b7a;
  --line: #dce5f0;
  --border: #dce5f0;
  --soft-orange: rgba(255, 122, 0, .12);
  --soft-blue: #eef3f9;
  --success: #16a66a;
  --warning: #f3ae22;
  --danger: #de4d4d;
  --shadow: 0 24px 70px rgba(18, 58, 99, 0.13);
  --radius-xl: 30px;
  --radius-lg: 22px;
  --radius-md: 16px;
  --radius-sm: 8px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --sidebar: 292px;
  --bottom-nav: 82px;
  --installment-on-accent: #ffffff;
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0c1420;
  --background: #0c1420;
  --card: #111d2d;
  --text: #e7eef7;
  --muted: #9eb0c3;
  --line: #22354d;
  --border: #22354d;
  --soft-orange: rgba(255, 122, 0, .12);
  --soft-blue: #162437;
  --shadow: 0 24px 70px rgba(0, 0, 0, .35);
  --installment-on-accent: #061320;
}

* {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

html {
  min-height: 100%;
}

body {
  min-height: 100vh;
  margin: 0;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif;
  background:
    radial-gradient(circle at top left, rgba(255, 122, 0, .12), transparent 25%),
    radial-gradient(circle at bottom right, rgba(21, 79, 136, .18), transparent 24%),
    var(--bg);
  color: var(--text);
  letter-spacing: 0;
}

button,
input,
select,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

button:disabled {
  cursor: default;
}

a {
  color: inherit;
}

:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--orange) 70%, white 30%);
  outline-offset: 2px;
}