/* Sure Lets & Manage design tokens
   Theme: light page, ink-navy anchoring sections, one cobalt accent.
   Type: Bricolage Grotesque (display) + Manrope (body), self-hosted. */

@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("../fonts/bricolage-grotesque-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/manrope-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* palette */
  --ink: #0f1a2b;
  --ink-2: #16233a;
  --ink-3: #22314d;
  --paper: #f7f8f6;
  --paper-2: #eef0ec;
  --white: #fdfdfc;
  --text: #182234;
  --muted: #5b6577;
  --muted-2: #8a93a3;
  --line: rgba(15, 26, 43, 0.12);
  --line-strong: rgba(15, 26, 43, 0.22);
  --accent: #2f52b8;
  --accent-ink: #24418f;
  --accent-soft: #e3e9fb;
  --accent-on-dark: #9db4ff;
  --success: #2e7d5b;

  /* on-dark variants */
  --on-dark: #f3f5f8;
  --on-dark-muted: rgba(243, 245, 248, 0.68);
  --on-dark-line: rgba(255, 255, 255, 0.14);

  /* type */
  --font-display: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Manrope", "Helvetica Neue", Arial, sans-serif;
  --fs-0: clamp(0.8125rem, 0.78rem + 0.15vw, 0.875rem);
  --fs-1: clamp(0.9375rem, 0.9rem + 0.2vw, 1.0625rem);
  --fs-2: clamp(1.125rem, 1.05rem + 0.35vw, 1.3125rem);
  --fs-3: clamp(1.375rem, 1.2rem + 0.8vw, 1.875rem);
  --fs-4: clamp(1.75rem, 1.35rem + 1.6vw, 2.75rem);
  --fs-5: clamp(2.25rem, 1.5rem + 3vw, 4.25rem);
  --fs-6: clamp(2.75rem, 1.6rem + 4.6vw, 5.75rem);

  /* rhythm */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 7rem;
  --section: clamp(4.5rem, 4rem + 5vw, 9rem);
  --gutter: clamp(1.25rem, 1rem + 2.5vw, 3.5rem);
  --max: 82rem;

  /* shape: one system, soft. cards 20px, controls pill, inputs 12px */
  --r-card: 20px;
  --r-input: 12px;
  --r-pill: 999px;

  /* motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.32, 0.72, 0, 1);
  --dur: 0.7s;
  --dur-fast: 0.35s;

  /* elevation, tinted to ink */
  --shadow-soft: 0 1px 2px rgba(15, 26, 43, 0.04), 0 12px 40px -12px rgba(15, 26, 43, 0.18);
  --shadow-lift: 0 2px 4px rgba(15, 26, 43, 0.05), 0 24px 60px -20px rgba(15, 26, 43, 0.28);

  color-scheme: light;
}