/* Canonical design tokens. Regenerate copied assets with sync_components.py. */
:root {
  --font-display: 'Oswald', sans-serif;
  --font-body: 'Inter', sans-serif;
  --accent: #ff3b30;
  --surface: #ffffff;
  --ink: #000000;
  --color-1: #fff;
  --color-2: #000;
  --color-3: #ff3b30;
  --color-4: #ffffff;
  --color-5: rgba(0,0,0,0.12);
  --color-6: rgba(0,0,0,0.5);
  --color-7: rgba(0,0,0,0.35);
  --color-8: rgba(255,255,255,0.2);
  --color-9: #000000;
  --color-10: #f0f0f0;
  --color-11: #999;
  --color-12: #666;
  --color-13: #333;
  --color-14: #00c853;
  --color-15: rgba(0,0,0,0.8);
  --color-16: rgba(255,255,255,0.9);
  --color-17: rgba(0,0,0,0.3);
  --color-18: rgba(0,0,0,0.85);
  --color-19: #444;
  --color-20: #666666;
  --color-21: rgba(0,0,0,.10);
  --color-22: rgba(0,0,0,.92);
  --color-23: rgba(0,0,0,.55);
  --color-24: rgba(0,0,0,.40);
  --color-25: rgba(0,0,0,.14);
  --color-26: rgba(0,0,0,.08);
  --color-27: rgba(0,0,0,.24);
  --color-28: rgba(0,0,0,.45);
  --color-29: rgba(255,255,255,.14);
  --color-30: rgba(255,255,255,.18);
  --color-31: #111;
  --color-32: rgba(255,59,48,.95);
  --color-33: rgba(255,59,48,.22);
  --color-34: rgba(0,0,0,.88);
  --size-1: 1.75rem;
  --size-2: 16px;
  --size-3: 8px;
  --size-4: 12px;
  --size-5: 10px;
  --size-6: 20px;
  --size-7: 6px;
  --size-8: 9px;
  --size-9: 24px;
  --size-10: 32px;
  --size-11: 1rem;
  --size-12: 11px;
  --size-13: 100px;
  --size-14: 60px;
  --size-15: 80px;
  --size-16: 40px;
  --size-17: 14px;
  --size-18: 18px;
  --size-19: 28px;
  --size-20: 15px;
  --size-21: 13px;
  --size-22: 120px;
  --size-23: 160px;
  --size-24: 140px;
  --size-25: -40px;
  --size-26: 48px;
  --size-27: 56px;
  --size-28: 36px;
  --size-29: -60px;
  --size-30: 64px;
  --size-31: -80px;
  --size-32: 4px;
  --size-33: 1px;
  --size-34: 90px;
  --size-35: 50px;
  --size-36: 22px;
  --size-37: 2px;
  --size-38: 0.75rem;
  --size-39: 180px;
  --size-40: 258px;
  --size-41: 300px;
  --size-42: 200px;
  --size-43: 340px;
  --size-44: 210px;
  --size-45: 250px;
  --size-46: 360px;
  --size-47: 0.6em;
  --size-48: 19px;
  --size-49: 17px;
  --size-50: 72px;
  --size-51: 30px;
  --size-52: 999px;
  --size-53: 150px;
  --size-54: 320px;
  --dimension-1: -0.01em;
  --dimension-2: 0.05em;
  --dimension-3: 1em;
  --dimension-4: 0.1em;
  --dimension-5: 1000px;
  --dimension-6: 0.02em;
  --dimension-7: 44px;
  --dimension-8: 1.5px;
  --dimension-9: 1400px;
  --dimension-10: 680px;
  --dimension-11: 720px;
  --dimension-12: 900px;
  --dimension-13: 0.15em;
  --dimension-14: 700px;
  --dimension-15: 1100px;
  --dimension-16: 3px;
  --dimension-17: 280px;
  --dimension-18: 7px;
  --dimension-19: 25px;
  --dimension-20: 34px;
  --dimension-21: 2800px;
  --typeface-1: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;
  --dimension-22: 800px;
  --dimension-23: 860px;
  --dimension-24: 420px;
  --dimension-25: .02em;
  --dimension-26: -.01em;
  --dimension-27: 54px;
  --dimension-28: -.005em;
  --dimension-29: 46px;
  --dimension-30: -.02em;
  --dimension-31: 70px;
  --dimension-32: -8px;
  --dimension-33: .06em;
  --dimension-34: -1px;
  --dimension-35: 112px;
  --dimension-36: -9999px;
}
/* V7 semantic extensions. Existing token values above are preserved. */
:root { --v7-paper: #f0ede5; --v7-graphite: #242522; --v7-muted: #55564f; --v7-line: #c6c4bb; --v7-mono: ui-monospace, 'Courier New', monospace; }
:root { --v7-script-font: 'V7 SC'; --v7-font-body: 'Inter', var(--v7-script-font), 'V7 SC', 'V7 JP', 'V7 KR', 'V7 HI', sans-serif; --v7-font-display: 'Oswald', var(--v7-script-font), 'V7 SC', 'V7 JP', 'V7 KR', 'V7 HI', sans-serif; }