/**
 * 2ndpaw / 噜噜力量爪 — Brand Tokens v2 LOCKED
 * Source of truth: docs/brand/2ndpaw-品牌规范.md
 * Do not invent new brand colors outside this file without updating the MD first.
 */
:root {
  /* Brand — Primary / Gold / Outdoor */
  --color-primary: #C88048;
  --color-primary-hover: #A66A38;
  --color-primary-soft: #F3E8DC;
  --color-gold: #D4A84B;
  --color-gold-soft: #F7EFCF;
  --color-outdoor-green: #4F7346;
  --color-outdoor-green-deep: #3B5A35;
  --color-outdoor-green-soft: #E6EFE3;

  /* Surfaces */
  --color-canvas: #FBF6F0;
  --color-card: #FFFDF9;
  --color-warm-surface: #F3E8DC;

  /* Text & Line */
  --color-ink: #3A322C;
  --color-charcoal: #202020;
  --color-muted: #6B5346;
  --color-border: #E8DED3;
  --color-border-strong: #D4B8A0;
  --color-on-primary: #FFFDF9;
  --color-illust-ink: #231E1C;

  /* Semantic */
  --color-success: #4F7346;
  --color-warning: #D4A017;
  --color-error: #C45C4A;
  --color-focus: #C88048;

  /* Typography */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "DM Mono", ui-monospace, "SF Mono", Consolas, monospace;

  --text-caption: 12px;
  --text-body-sm: 14px;
  --text-body: 16px;
  --text-subheading: 20px;
  --text-heading-sm: 24px;
  --text-heading: 36px;
  --text-heading-lg: 44px;
  --text-display: 56px;
  --text-stat: 32px;

  --leading-display: 1.15;
  --leading-heading: 1.2;
  --leading-body: 1.55;
  --tracking-eyebrow: 0.08em;

  /* Spacing (8px base) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 88px;
  --space-10: 112px;

  /* Radius & Layout */
  --radius-sm: 8px;
  --radius-card: 12px;
  --radius-panel: 16px;
  --radius-pill: 999px;
  --page-max-width: 1120px;
  --section-gap: 80px;
  --nav-height: 64px;

  /* Elevation — flat */
  --shadow-none: none;
}

@media (max-width: 767px) {
  :root {
    --text-display: 32px;
    --text-heading: 28px;
    --text-heading-lg: 32px;
    --section-gap: 48px;
  }
}