/**
 * Coo Coo Ca-Jew design tokens — semantic custom properties.
 * Source of truth: tokens/tokens.json
 * Load order: tokens.css → fonts.css → styles.css → styles-v2.css
 */

@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap");
@import url("fonts.css");

:root {
  /* Semantic colors (v2 canonical) */
  --color-ground: #232120;
  --color-panel: #2e2b29;
  --color-edge: #403b37;
  --color-accent-primary: #e85c9a;
  --color-accent-secondary: #14603c;
  --color-accent-gold: #e8c547;
  --color-accent-gold-hover: #f2d65e;
  --color-text-primary: #f5f0e8;
  --color-text-muted: #a39e96;
  --color-ink-on-gold: #2a2405;
  --color-legal-on-gold: #4a3f08;

  /* Legacy v1 aliases (backward compat until all surfaces merge) */
  --bg: var(--color-ink-v1, #0a0a0a);
  --bg-elevated: var(--color-panel-v1, #141414);
  --text: var(--color-text-primary);
  --text-muted: var(--color-text-muted);
  --accent: var(--color-accent-gold);
  --accent-dim: rgba(232, 197, 71, 0.35);
  --border: var(--color-edge-v1, #2a2a2a);
  --ink-on-gold: var(--color-ink-on-gold);
  --muted-on-gold: var(--color-ink-on-gold);
  --legal-on-gold: var(--color-legal-on-gold);
  --color-ink-v1: #0a0a0a;
  --color-panel-v1: #141414;
  --color-edge-v1: #2a2a2a;

  /* v2 scoped aliases (used by .page-v2 and components) */
  --bg-washed: var(--color-ground);
  --bg-panel-v2: var(--color-panel);
  --edge-v2: var(--color-edge);
  --pink: var(--color-accent-primary);
  --gucci-green: var(--color-accent-secondary);

  /* Typography */
  --font-display: "Archivo Black", "Arial Black", sans-serif;
  --font-body: "DM Sans", system-ui, sans-serif;
  --font-graffiti: "Permanent Marker", "Rubik Spray Paint", "Archivo Black", sans-serif;

  /* Layout */
  --max-width: 60rem;
  --max-width-narrow: 45rem;
  --page-gutter: 1.25rem;
  --section-pad: 2.75rem 0;
}

/* Drop theme packs — override semantic tokens only */
[data-theme="drop-01"] {
  /* Example when art lands:
  --color-accent-primary: #c94d7a;
  */
}