/**
 * Surety Made Simple — design tokens
 * Source: surety-brand-guide.html
 *
 * Self-hosted fonts: Sora and Inter ship as variable fonts (one file covers
 * their whole weight range); IBM Plex Mono ships as static per-weight files.
 */

@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600 800;
  font-display: swap;
  src: url('/bond007/fonts/Sora-variable.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/bond007/fonts/Inter-variable.woff2') format('woff2');
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/bond007/fonts/IBMPlexMono-500.woff2') format('woff2');
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/bond007/fonts/IBMPlexMono-600.woff2') format('woff2');
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/bond007/fonts/IBMPlexMono-700.woff2') format('woff2');
}

:root {
  /* Ink & neutrals — text, structure */
  --ink-900: #14213D;
  --ink-700: #2B3A57;
  --slate-500: #5B6B85;
  --slate-300: #93A1B8;

  /* Trust green — verified, best, complete */
  --green-600: #2F7A4E;
  --green-500: #4B9E67;
  --green-100: #E3F2E8;

  /* Action blue — the one primary action */
  --blue-500: #3B63DB;
  --blue-800: #18265C;
  --action-gradient: linear-gradient(135deg, var(--blue-500), var(--blue-800));

  /* Alert red / amber — invalid, needs attention */
  --red-600: #B3423D;
  --red-100: #F5E4E2;
  --amber-600: #A9691F;
  --amber-100: #FBF0DE;

  /* Surfaces & borders */
  --surface-0: #FFFFFF;
  --surface-50: #F6F8FC;
  --surface-100: #EEF2F8;
  --border: #E3E8F1;

  /* Shape */
  --radius-lg: 22px;
  --radius-md: 14px;
  --radius-sm: 10px;

  /* Elevation — shadows are ink/blue/green tinted, never pure black */
  --shadow-rgb: 24, 35, 66;
  --shadow-ambient: 0 40px 80px -30px rgba(var(--shadow-rgb), .28), 0 8px 24px -12px rgba(var(--shadow-rgb), .18);
  --shadow-action: 0 14px 28px -10px rgba(59, 99, 219, .55);
  --shadow-success: 0 24px 40px -24px rgba(75, 158, 103, .4);

  /* Motion — one signature easing curve */
  --ease: cubic-bezier(.22, .9, .32, 1);
  --duration-fast: 150ms;
  --duration-base: 250ms;
  --duration-slow: 400ms;

  /* Type families */
  --font-display: 'Sora', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
}