/* Self-hosted Inter Variable — single file covers all weights */
@font-face {
  font-family: 'Inter';
  src: url('/fonts/InterVariable.woff2') format('woff2-variations'),
       url('/fonts/InterVariable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Brand */
  --brand-300: #60a5fa;
  --brand-500: #3b82f6;
  --brand-700: #1d4ed8;
  --brand-grad: linear-gradient(135deg, #60a5fa, #1d4ed8);
  --headline-grad: linear-gradient(90deg, #ffffff 0%, #93c5fd 100%);

  /* Surfaces */
  --ink-1000: #02060f;
  --ink-900:  #050d24;
  --ink-800:  #0d2860;
  --paper:    #f8fafc;
  --white:    #ffffff;

  /* Text on dark */
  --text-primary-dark:   #ffffff;
  --text-secondary-dark: #cbd5e1;
  --text-muted-dark:     #94a3b8;

  /* Text on light */
  --text-primary-light:   #0f172a;
  --text-secondary-light: #475569;
  --text-muted-light:     #94a3b8;

  /* Borders */
  --border-dark:  rgba(96, 165, 250, 0.15);
  --border-light: #e5e7eb;

  /* Radii */
  --radius-button: 6px;
  --radius-card:   10px;
  --radius-frame:  14px;

  /* Type */
  --font-stack: 'Inter', -apple-system, "SF Pro Text", "Segoe UI", Roboto, sans-serif;
}