:root {
  --bg: #ffffff;
  --surface: #f7f8fa;
  --border: #e6e8ec;
  --ink: #0b1220;
  --ink-soft: #4b5565;
  --ink-muted: #8892a0;

  --blue: #1a4fd1;
  --blue-deep: #0f2f8a;
  --blue-ink: #081a4f;
  --orange: #f26a1f;
  --orange-soft: #ff8a3d;
  --orange-dark: #e25a0f;

  --red: #AE1C28;
  --yellow: #fbbf24;

  --white: #FFFFFF;
  --bg-color: var(--bg);
  --dark: var(--ink);
  --gray: var(--ink-soft);
  --gray-light: #e5e7eb;
  --gray-lighter: #f9fafb;
  --blue-light: #e8edf5;

  --shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.05);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
  --shadow-orange: 0 4px 14px rgba(242,106,31,0.3);
  --shadow-blue: 0 4px 14px rgba(26,79,209,0.25);

  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius: 14px;
  --radius-lg: 24px;

  --font: "Manrope", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }