@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("/assets/fonts/inter-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Sora";
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url("/assets/fonts/sora-latin.woff2") format("woff2");
}

:root {
  color-scheme: light;

  --font-display: "Sora", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  /* Brava core */
  --coral: #ff5a5f;
  --pink: #ff2e8a;
  --navy: #0d1230;
  --orange: #ff8a3d;
  --purple: #7b5cff;
  --turquoise: #00c2b8;
  --yellow: #ffc43d;

  /* Semantic light theme */
  --bg: #ffffff;
  --bg-soft: #fff6f8;
  --bg-muted: #f7f8fb;
  --surface: #ffffff;
  --surface-2: #fff1f5;
  --surface-3: #f0f2f7;
  --surface-raised: #ffffff;
  --ink: #0d1230;
  --ink-2: #293049;
  --muted: #697087;
  --muted-2: #949aac;
  --line: #e7e9f0;
  --line-strong: #cfd4df;

  --accent: var(--coral);
  --accent-strong: var(--pink);
  --accent-soft: #fff0f4;
  --accent-ink: #ffffff;
  --success: #009f91;
  --success-soft: #e5fbf8;
  --warning: #e49300;
  --warning-soft: #fff7df;
  --danger: #df3553;
  --danger-soft: #fff0f3;
  --info: #3478f6;
  --info-soft: #edf4ff;

  /* Backwards-compatible semantic aliases */
  --green: var(--success);
  --green-soft: var(--success-soft);
  --red: var(--danger);
  --red-soft: var(--danger-soft);
  --blue: var(--info);
  --blue-soft: var(--info-soft);
  --purple-soft: #f1eeff;
  --orange-soft: #fff1e8;
  --dark: var(--navy);
  --dark-2: #151b3a;
  --dark-3: #20284a;

  --brand-gradient: linear-gradient(120deg, var(--orange) 0%, var(--coral) 46%, var(--pink) 100%);
  --brand-gradient-hover: linear-gradient(120deg, #ff754e 0%, #ff3f6f 46%, #ed137b 100%);
  --brand-gradient-soft: linear-gradient(135deg, #fff8f4 0%, #fff1f6 54%, #f6f3ff 100%);
  --brand-gradient-dark: linear-gradient(125deg, #0d1230 0%, #21183f 58%, #661a52 100%);

  --shadow-xs: 0 1px 2px rgba(13, 18, 48, .045);
  --shadow-sm: 0 12px 30px rgba(13, 18, 48, .08);
  --shadow-md: 0 24px 58px rgba(13, 18, 48, .12);
  --shadow-lg: 0 36px 90px rgba(13, 18, 48, .18);
  --shadow-brand: 0 20px 52px rgba(255, 46, 138, .16);
  --glow: 0 0 0 1px rgba(255, 90, 95, .16), 0 28px 90px rgba(255, 46, 138, .15);

  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --radius-xl: 36px;
  --radius-2xl: 48px;
  --radius-pill: 999px;

  --container: 1200px;
  --container-wide: 1420px;
  --gutter: clamp(20px, 4vw, 48px);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;
  --space-11: 80px;
  --space-12: 104px;
  --text-xs: .76rem;
  --text-sm: .88rem;
  --text-md: 1rem;
  --text-lg: 1.15rem;
  --text-xl: 1.35rem;
  --text-2xl: clamp(1.75rem, 3vw, 2.5rem);
  --text-3xl: clamp(2.35rem, 5vw, 4.5rem);
  --text-hero: clamp(3rem, 7vw, 6.4rem);
  --ease: cubic-bezier(.2, .7, .2, 1);
  --speed: 220ms;
}