@import url("./fonts.css");

/* Aevio — generated from tokens.json */

:root, [data-theme="light"] {
  --page: #F7F9FC;
  --surface: #FFFFFF;
  --surface-muted: #EEF2FA;
  --line: #D9E1EF;
  --line-strong: #7A879B;
  --line-soft: #E8EDF5;
  --line-dashed: #6D7E99;
  --ink: #0B1020;
  --ink-muted: #536179;
  --brand: #245DCC;
  --on-brand: #FFFFFF;
  --brand-soft: #E8EFFE;
  --brand-ink: #245DCC;
  --focus: #245DCC;
  --ok: #17763f;
  --ok-soft: #e3f5ea;
  --warn: #8a5a00;
  --warn-soft: #fff3d6;
  --danger: #9b3e29;
  --danger-soft: #fff0ec;
  --on-danger: #ffffff;
  --info: #2457a6;
  --info-soft: #e5edfb;
  --notice: #EDF1FF;
  --tip-soft: #F1EDFF;
  --tip-line: #6840D6;
  --tip-ink: #5732AB;
  --step-soft: #E8EFFE;
  --step-ink: #245DCC;
  --scrim: rgba(0, 0, 0, 0.45);
  --brand-blue: #3478F6;
  --brand-cyan: #35D6FF;
  --brand-violet: #8057FF;
  --action: #245DCC;
  --on-action: #FFFFFF;
  --brand-gradient: linear-gradient(120deg, #35D6FF, #3478F6 50%, #8057FF);
  --shadow-card: 0 5px 20px #0b102003;
  --shadow-dialog: 0 18px 48px #0b102026;
}

[data-theme="dark"] {
  --page: #0B1020;
  --surface: #111A2E;
  --surface-muted: #17233B;
  --line: #2B3953;
  --line-strong: #6D7E99;
  --line-soft: #24304A;
  --line-dashed: #7286AA;
  --ink: #F7F9FC;
  --ink-muted: #A7B0C0;
  --brand: #8EB5FF;
  --on-brand: #0B1020;
  --brand-soft: #182D50;
  --brand-ink: #A9C8FF;
  --focus: #35D6FF;
  --ok: #6bd498;
  --ok-soft: #123024;
  --warn: #f0c060;
  --warn-soft: #332811;
  --danger: #ffa08a;
  --danger-soft: #3a1b15;
  --on-danger: #2a0d07;
  --info: #9dbcff;
  --info-soft: #18253b;
  --notice: #1C2541;
  --tip-soft: #27203E;
  --tip-line: #A98CFF;
  --tip-ink: #C7B5FF;
  --step-soft: #182D50;
  --step-ink: #A9C8FF;
  --scrim: rgba(0, 0, 0, 0.6);
  --brand-blue: #3478F6;
  --brand-cyan: #35D6FF;
  --brand-violet: #8057FF;
  --action: #245DCC;
  --on-action: #FFFFFF;
  --brand-gradient: linear-gradient(120deg, #35D6FF, #3478F6 50%, #8057FF);
  --shadow-card: none;
  --shadow-dialog: 0 18px 48px #00000080;
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --page: #0B1020;
    --surface: #111A2E;
    --surface-muted: #17233B;
    --line: #2B3953;
    --line-strong: #6D7E99;
    --line-soft: #24304A;
    --line-dashed: #7286AA;
    --ink: #F7F9FC;
    --ink-muted: #A7B0C0;
    --brand: #8EB5FF;
    --on-brand: #0B1020;
    --brand-soft: #182D50;
    --brand-ink: #A9C8FF;
    --focus: #35D6FF;
    --ok: #6bd498;
    --ok-soft: #123024;
    --warn: #f0c060;
    --warn-soft: #332811;
    --danger: #ffa08a;
    --danger-soft: #3a1b15;
    --on-danger: #2a0d07;
    --info: #9dbcff;
    --info-soft: #18253b;
    --notice: #1C2541;
    --tip-soft: #27203E;
    --tip-line: #A98CFF;
    --tip-ink: #C7B5FF;
    --step-soft: #182D50;
    --step-ink: #A9C8FF;
    --scrim: rgba(0, 0, 0, 0.6);
    --brand-blue: #3478F6;
    --brand-cyan: #35D6FF;
    --brand-violet: #8057FF;
    --action: #245DCC;
    --on-action: #FFFFFF;
    --brand-gradient: linear-gradient(120deg, #35D6FF, #3478F6 50%, #8057FF);
    --shadow-card: none;
    --shadow-dialog: 0 18px 48px #00000080;
    color-scheme: dark;
  }
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-card: 26px;
  --space-page: 44px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-bubble: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --font-sans: Inter, "Segoe UI", Arial, sans-serif;
  --font-display: Manrope, Inter, "Segoe UI", sans-serif;
}

.text-display { font-family: var(--font-display); font-size: 48px; line-height: 1.1; font-weight: 650; letter-spacing: -0.04em; }

.text-title { font-family: var(--font-display); font-size: 21px; line-height: 1.3; font-weight: 700; letter-spacing: -0.025em; }

.text-heading { font-family: var(--font-display); font-size: 16px; line-height: 1.35; font-weight: 700; }

.text-body { font-family: var(--font-sans); font-size: 15px; line-height: 1.6; font-weight: 400; }

.text-label { font-family: var(--font-sans); font-size: 13px; line-height: 1.4; font-weight: 600; }

.text-caption { font-family: var(--font-sans); font-size: 12px; line-height: 1.5; font-weight: 400; }

.text-eyebrow { font-family: var(--font-sans); font-size: 11px; line-height: 1.4; font-weight: 800; letter-spacing: 0.13em; }

.text-wordmark { font-family: var(--font-sans); font-size: 15px; line-height: 1; font-weight: 800; letter-spacing: -0.03em; }

.text-stat { font-family: var(--font-sans); font-size: 24px; line-height: 1.1; font-weight: 700; }