/* Attention Market · shared foundation. Add visual tokens here, never per component. */
:root {
  color-scheme: light;
  --am-bg: #faf9f6;
  --am-surface: #ffffff;
  --am-surface-subtle: #f1f1eb;
  --am-ink: #282d29;
  --am-muted: #646960;
  --am-line: #e1e3da;
  --am-input-line: #8a9286;
  --am-accent: #a44830;
  --am-accent-hover: #823721;
  --am-accent-soft: #f7ece5;
  --am-on-accent: #ffffff;
  --am-success: #356044;
  --am-success-soft: #edf4ec;
  --am-error: #a02e26;
  --am-error-soft: #faeeeb;
  --am-focus: var(--am-accent);
  --am-white: var(--am-surface);
  --am-light: var(--am-accent-soft);
  --am-radius: 16px;
  --am-radius-control: 12px;
  --am-radius-pill: 999px;
  --am-shadow: none;
  --am-border: 1px solid var(--am-line);
  --am-input-border: 1px solid var(--am-input-line);
  --am-focus-ring: 2px solid var(--am-focus);
  --am-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --am-font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --am-text-xs: 12px;
  --am-text-sm: 14px;
  --am-text-base: 16px;
  --am-text-md: 18px;
  --am-text-lg: 22px;
  --am-text-xl: 28px;
  --am-text-2xl: 36px;
  --am-text-hero: clamp(30px, 3.4vw, 40px);
  --am-leading: 1.6;
  --am-leading-heading: 1.18;
  --am-leading-tight: 1.35;
  --am-tracking: -.035em;
  --am-weight-regular: 400;
  --am-weight-medium: 550;
  --am-weight-bold: 650;
  --am-space-1: 4px;
  --am-space-2: 8px;
  --am-space-3: 12px;
  --am-space-4: 16px;
  --am-space-5: 20px;
  --am-space-6: 24px;
  --am-space-7: 32px;
  --am-space-8: 40px;
  --am-space-9: 48px;
  --am-space-10: 64px;
  --am-space-11: 80px;
  --am-space-12: 96px;
  --am-section: var(--am-space-11);
  --am-section-mobile: 72px;
  --am-card-padding: var(--am-space-6);
  --am-container: 1120px;
  --am-readable: 720px;
  --am-gutter: var(--am-space-6);
  --am-input-height: 52px;
  --am-button-height: 50px;
  --am-touch-height: 44px;
  --am-choice-size: 20px;
  --am-logo-sm: 32px;
  --am-logo: 48px;
  --am-logo-lg: 72px;
  --am-logo-preview: 80px;
  --am-sidebar: 340px;
  --am-qr-size: 210px;
  --am-duration: 120ms;
}
html[data-am-theme="dark"] {
  color-scheme: dark;
  --am-bg: #20231f;
  --am-surface: #282c26;
  --am-surface-subtle: #30362e;
  --am-ink: #f0f0e9;
  --am-muted: #b5bbae;
  --am-line: #41493c;
  --am-input-line: #74806d;
  --am-accent: #efae8d;
  --am-accent-hover: #f8c9ad;
  --am-accent-soft: #3b3028;
  --am-on-accent: #302219;
  --am-success: #b5d5ab;
  --am-success-soft: #2b392a;
  --am-error: #f4b1a6;
  --am-error-soft: #3c2b28;
}
@media (max-width: 640px) {
  :root { --am-gutter: var(--am-space-5); --am-card-padding: var(--am-space-5); --am-section: var(--am-section-mobile); --am-text-2xl: 30px; }
}