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

:root {
  /* Brand accent — blue/teal */
  --color-primary-600: #0b5fff;
  --color-primary-700: #084acc;
  --color-primary-50: #eaf1ff;
  --color-teal-500: #14b8a6;
  --color-teal-50: #e6fbf8;

  /* Surfaces — white canvas, light minimalist */
  --color-surface-0: #ffffff;
  --color-surface-50: #f8fafc;
  --color-surface-100: #f1f5f9;
  --color-surface-elevated: #e8edf2;
  --color-border: #e2e8f0;
  --color-border-strong: #cbd5e1;

  /* Text */
  --color-ink-900: #0f172a;
  --color-ink-600: #475569;
  --color-ink-400: #94a3b8;

  --color-on-primary: #ffffff;
  --color-success: #0f9d58;

  /* Dedicated dark-accent-band color — used only by the CTA band and footer,
     kept independent of the text/surface tokens above so a future theme
     change can't quietly invert it again. */
  --color-contrast-bg: #0f172a;
  --color-contrast-heading: #ffffff;
  --color-contrast-text: #94a3b8;

  /* Type */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.25rem;
  --text-4xl: 2.75rem;

  --tracking-tight: -0.01em;
  --tracking-tighter: -0.015em;

  --leading-tight: 1.2;
  --leading-normal: 1.6;

  /* Space (4px scale) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-8: 3rem;
  --space-10: 4rem;
  --space-12: 6rem;

  /* Shape — soft minimalist: light shadows carry elevation, generous rounding */
  --radius-md: 8px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 4px 20px rgba(15, 23, 42, 0.08);

  --container-max: 1320px;
}