/*
 * Cowry League design tokens.
 *
 * Palette source of truth: docs/brand/COWRY_LEAGUE_BRANDING_PACKAGE.md §5 and
 * ADR-007. The canonical production Dark Navy is #0B0D1A; sampled artwork
 * values such as #0B132B are explicitly not alternative official tokens.
 *
 * CGC-09 scoping: these are PLATFORM tokens. The Cowry Guard character-art
 * palette (#FFC107, #001B2A) is a separate gameplay-art scope and is named
 * with a `--cg-art-` prefix in game.css so the two can never collide.
 *
 * No value in this file is sourced from a visual-board image.
 */

:root {
  /* Official brand palette. */
  --cl-gold: #d4af37;
  --cl-navy: #0b0d1a;
  --cl-white: #ffffff;
  --cl-black: #000000;
  --cl-emerald: #0f5132;
  --cl-silver: #c0c5cc;

  /* Derived surfaces. Tints of the official navy, never a second navy token. */
  --cl-surface-0: var(--cl-navy);
  --cl-surface-1: #11142400;
  --cl-surface-1-solid: #111424;
  --cl-surface-2: #171b2e;
  --cl-surface-3: #1e2338;
  --cl-hairline: rgba(212, 175, 55, 0.18);
  --cl-hairline-strong: rgba(212, 175, 55, 0.38);

  /* Glass card treatment from the approved visual system. */
  --cl-glass: rgba(23, 27, 46, 0.72);
  --cl-glass-raised: rgba(30, 35, 56, 0.86);
  --cl-blur: 14px;

  /* Text hierarchy. White/silver support readable hierarchy on navy. */
  --cl-text: #f4f6fb;
  --cl-text-muted: var(--cl-silver);
  --cl-text-dim: #8b93a4;
  --cl-text-on-gold: #1a1405;

  /*
   * Status colours.
   *
   * These are presentation only. The authoritative state vocabulary is the
   * server's; see docs/security/COWRY_GUARD_INTEGRITY_STATE_AND_REPLAY_CONTRACT.md.
   */
  --cl-status-pending: #c9a227;
  --cl-status-clear: #2fa96b;
  --cl-status-held: #d98324;
  --cl-status-rejected: #c0392b;
  --cl-status-gated: var(--cl-text-dim);

  /* Gold gradient used for primary actions and brand sweeps. */
  --cl-gold-gradient: linear-gradient(135deg, #f0d878 0%, #d4af37 45%, #a8842a 100%);
  --cl-gold-sheen: linear-gradient(
    100deg,
    rgba(255, 255, 255, 0) 35%,
    rgba(255, 255, 255, 0.42) 50%,
    rgba(255, 255, 255, 0) 65%
  );

  /* Typography. System stack: no webfont dependency is approved. */
  --cl-font: "Segoe UI", Roboto, "Helvetica Neue", Arial, system-ui, sans-serif;
  --cl-font-display: "Segoe UI Semibold", "Segoe UI", Roboto, system-ui, sans-serif;
  --cl-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Scale. */
  --cl-step-0: 0.8125rem;
  --cl-step-1: 0.9375rem;
  --cl-step-2: 1.0625rem;
  --cl-step-3: 1.375rem;
  --cl-step-4: 1.875rem;
  --cl-step-5: 2.5rem;
  --cl-step-6: clamp(2.25rem, 6vw, 4rem);

  /* Space and radius. */
  --cl-space-1: 4px;
  --cl-space-2: 8px;
  --cl-space-3: 12px;
  --cl-space-4: 16px;
  --cl-space-5: 24px;
  --cl-space-6: 32px;
  --cl-space-7: 48px;
  --cl-radius-sm: 8px;
  --cl-radius: 14px;
  --cl-radius-lg: 20px;
  --cl-radius-pill: 999px;

  --cl-shadow: 0 18px 44px rgba(0, 0, 0, 0.46);
  --cl-shadow-gold: 0 0 0 1px rgba(212, 175, 55, 0.22), 0 14px 38px rgba(212, 175, 55, 0.12);

  /*
   * Motion durations. Every one of these collapses to 0 under
   * prefers-reduced-motion; see motion.css.
   */
  --cl-motion-fast: 140ms;
  --cl-motion: 260ms;
  --cl-motion-slow: 520ms;
  --cl-motion-ambient: 18s;
  --cl-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --cl-ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  /* Minimum touch target. */
  --cl-touch: 44px;
}