/* Papun Impex — Copper Ledger tokens
   Direction 7: cool stone · copper · ink teal · Literata + DM Sans */

:root {
  --color-bg: #F3F1EC;
  --color-bg-deep: #E8E4DC;
  --color-surface: #FFFCF7;
  --color-text: #12151A;
  --color-text-muted: #5C6168;
  --color-primary: #B54A2E;
  --color-primary-hover: #943C25;
  --color-secondary: #1C3D4A;
  --color-secondary-hover: #152F39;
  --color-accent: #C4A574;
  --color-accent-hover: #B08F5C;
  --color-border: rgba(18, 21, 26, 0.12);
  --color-border-strong: rgba(18, 21, 26, 0.28);
  --color-success: #2F6B4F;
  --color-danger: #9B3A28;
  --color-focus: #B54A2E;
  --color-on-primary: #FFFCF7;
  --color-on-secondary: #F3F1EC;

  /* Legacy aliases → Copper Ledger (page CSS keeps working) */
  --a94-void: var(--color-secondary);
  --a94-ink: var(--color-text);
  --a94-panel: var(--color-surface);
  --a94-panel-2: var(--color-bg-deep);
  --a94-glass: rgba(28, 61, 74, 0.04);
  --a94-glass-strong: rgba(28, 61, 74, 0.08);
  --a94-frost: var(--color-surface);
  --a94-paper: var(--color-bg);
  --a94-cyan: var(--color-primary);
  --a94-cyan-dim: rgba(181, 74, 46, 0.15);
  --a94-cobalt: var(--color-secondary);
  --a94-signal: var(--color-primary);
  --a94-signal-deep: var(--color-primary-hover);
  --a94-zinc: var(--color-text-muted);
  --a94-line: var(--color-border);
  --a94-white: var(--color-surface);
  --a94-teal: var(--color-secondary);
  --a94-teal-dark: var(--color-secondary-hover);
  --a94-mango: var(--color-primary);
  --a94-mango-dark: var(--color-primary-hover);
  --a94-berry: var(--color-primary);
  --a94-purple: var(--color-secondary);
  --a94-mint: var(--color-success);
  --a94-cream: var(--color-bg);
  --a94-warm: var(--color-bg-deep);
  --a94-muted: var(--color-text-muted);
  --a94-border: var(--color-border);
  --a94-gold: var(--color-accent);
  --a94-link: var(--color-primary);

  --font-display: "Literata", "Iowan Old Style", Georgia, serif;
  --font-body: "DM Sans", "Segoe UI", sans-serif;
  --font-mono: "DM Sans", "Segoe UI", sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.125rem;
  --text-lg: 1.35rem;
  --text-xl: 1.75rem;
  --text-2xl: clamp(2rem, 4vw, 2.75rem);
  --text-3xl: clamp(2.5rem, 6vw, 4.25rem);
  --leading-tight: 1.1;
  --leading-snug: 1.35;
  --leading-normal: 1.6;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-page: clamp(1rem, 3.5vw, 2.25rem);
  --space-section: clamp(4rem, 10vw, 7.5rem);

  --radius-sm: 2px;
  --radius-md: 2px;
  --radius-lg: 4px;
  --radius-pill: 2px;
  --a94-radius: 2px;
  --a94-radius-lg: 4px;

  --elevation-1: none;
  --elevation-2: none;
  --a94-shadow: none;
  --a94-blur: none;

  --motion-fast: 160ms ease;
  --motion-med: 220ms ease;
  --nav-h: 4rem;
  --rule: 1px solid var(--color-border);
  --grid: 8px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 0.01ms;
    --motion-med: 0.01ms;
  }
}