/* Wherry design tokens (spec 8.2 colors, 8.3 type/shape/motion). Shared contract: Site/BRIEF.md.
   Dark first; the site has no light theme yet. Other agents (tour, video) use the same names and values. */
:root {
  color-scheme: dark;

  /* Surfaces */
  --bg-base: #0E1014;
  --bg-surface: #15181E;
  --bg-raised: #1C2029;
  --bg-inset: #0A0C0F;

  /* Borders */
  --border-subtle: #262B36;
  --border-strong: #343B4A;

  /* Text */
  --text-primary: #E8EBF2;
  --text-secondary: #9AA3B5;
  --text-tertiary: #667085;

  /* Accents: blue for action, violet for vault and security */
  --accent-blue: #4C8DFF;
  --accent-violet: #8B5CF6;
  --gradient: linear-gradient(90deg, #4C8DFF 0%, #8B5CF6 100%);

  /* States */
  --state-success: #34D399;
  --state-warning: #FBBF24;
  --state-danger: #F87171;

  /* Tag palette (spec 8.2) */
  --tag-red: #F87171;
  --tag-orange: #FB923C;
  --tag-amber: #FBBF24;
  --tag-lime: #A3E635;
  --tag-green: #34D399;
  --tag-teal: #2DD4BF;
  --tag-cyan: #22D3EE;
  --tag-blue: #60A5FA;
  --tag-indigo: #818CF8;
  --tag-violet: #A78BFA;
  --tag-pink: #F472B6;
  --tag-gray: #94A3B8;

  /* Type: system fonts only (SF Pro / SF Mono on Apple platforms) */
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Shape */
  --radius-card: 10px;
  --radius-control: 6px;
  --radius-full: 999px;

  /* Motion: short and functional */
  --motion-fast: 150ms;
  --motion-base: 200ms;
  --motion-slow: 250ms;
  --ease: cubic-bezier(0.2, 0, 0, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 0ms;
    --motion-base: 0ms;
    --motion-slow: 0ms;
  }
}