/* The AI Course sales page v3 — design tokens (from Paper artboard 9AS-0) */
:root {
  /* Surfaces */
  --bg: #FFFDFA;
  --bg-stone: #F7F5F0;
  --bg-stone-2: #F5F4F0;
  --bg-stone-3: #F0EEE8;
  --bg-paper: #FCFAF4;
  --bg-card-ghost-1: #FAF8F3;
  --bg-card-ghost-2: #F3F0E9;
  --bg-avatar: #ECEAE5;
  --bg-white: #FFFFFF;

  /* Ink */
  --ink: #1A1816;
  --ink-2: #57534E;
  --ink-3: #78716C;
  --ink-4: #A8A29E;
  --ink-body-soft: #68615A;
  --ink-body-m: #635F59; /* phone body copy (Paper 25M mobile artboard) */
  --line-m: #E7E2DA; /* phone hairlines, header rule, card borders */

  /* Accent */
  --blue: #4040FF;
  --blue-deep: #12124F;
  --blue-border: #2A2098;
  --green: #00935C;
  --yellow: #F8BC0E;
  --red: #E5341B;
  --star: #FFC400;

  /* Rules */
  --line: #E7E5E4;
  --line-card: #E0DCD4;
  --line-table: #DDD8CF;
  --line-review: #E8E5DF;
  --line-review-inner: #EEECE7;
  --line-grid: #ECEAE4;
  --line-note: #D3DCE8;

  /* Type */
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'Space Mono', 'Courier New', monospace;
  --font-hand: 'Caveat', cursive;
  --font-pixel: 'PP Neue Bit', 'Neue Bit Fallback', 'Inter', sans-serif;

  /* Layout */
  --page-zoom: 1; /* desktop scale, set to 0.75 in base.css above 900px */
  --container: 1100px;
  --container-wide: 1160px;
  --container-narrow: 680px;
  --gutter: 40px;
  --section-y: 130px;
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;

  /* Shadows */
  --shadow-card: 0 30px 60px -30px rgba(26, 24, 22, 0.25);
  --shadow-print: 0 24px 50px -14px rgba(26, 24, 22, 0.2), 0 2px 6px rgba(26, 24, 22, 0.1);
  --shadow-review: 0 5px 12px rgba(36, 35, 33, 0.02);

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --fast: 150ms;
  --med: 250ms;
}