/*
 * ETHRAEON Unified Design Canon - CSS custom properties
 * Generation: converged blue/purple Scandinavian Space Grotesk (v3.0.0)
 * Source of truth: ETHRAEON_BENCH_HANDOFF_20260618.md Section 2, ratified by SD06
 * Supersedes: EUDS parallax indigo/amber, teal/purple, FILE_17 midnight/electric/gold
 * Author: S. Jason Prohaska (ingombrante). ORCID 0009-0008-8254-8411.
 * Schedule A+ Enhanced IP Firewall Protected. Chain root 687e0c0f.
 * Humanitas ante Machinam.
 *
 * Surfaces link this file and read semantic tokens. Default register is light.
 * Set data-theme="dark" on :root for the dark variant. Reduced-motion respected.
 */

:root {
  /* Raw palette - blue */
  --blue-deep: #1e3a8a;
  --blue-mid: #3b82f6;
  --blue-bright: #60a5fa;
  --blue-soft: #93c5fd;
  --blue-light: #dbeafe;
  /* Raw palette - purple */
  --purple-deep: #5b21b6;
  --purple-mid: #8b5cf6;
  --purple-bright: #a855f7;
  --purple-soft: #c4b5fd;
  --purple-light: #e9d5ff;
  /* Raw palette - neutral */
  --ink: #0f172a;
  --slate: #1e293b;
  --paper: #f8fafc;
  --white: #ffffff;
  --success-base: #22c55e;
  --error-base: #ef4444;

  /* Semantic - light register (default) */
  --bg: #f8fafc;
  --surface: #ffffff;
  --surface-2: #f1f5f9;
  --text: #0f172a;
  --text-secondary: #64748b;
  --border: #cbd5e1;
  --accent: #3b82f6;
  --accent-2: #8b5cf6;
  --success: #22c55e;
  --error: #ef4444;

  /* Type */
  --font-primary: "Space Grotesk", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "Monaco", "Menlo", "Consolas", monospace;
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.5rem;
  --fs-xxl: 3rem;

  /* Spacing - Fibonacci/phi px */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 13px;
  --sp-4: 21px;
  --sp-5: 34px;
  --sp-6: 55px;
  --sp-7: 89px;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;

  /* Motion */
  --transition-base: 200ms;
  --easing: cubic-bezier(0.16, 1, 0.3, 1);
  --spring-stiffness: 180;
  --spring-damping: 24;
}

:root[data-theme="dark"] {
  --bg: #0f172a;
  --surface: #1e293b;
  --surface-2: #334155;
  --text: #f8fafc;
  --text-secondary: #94a3b8;
  --border: #334155;
  --accent: #60a5fa;
  --accent-2: #7c5cf0;  /* canon: ETHRAEON Violet per BRAND_CONSTITUTION.yaml */
  --success: #00ff88;
  --error: #ef4444;
}

/* System defaults applied by surfaces that opt in via the brand class */
.eth-brand {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-primary);
  font-size: var(--fs-base);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

.eth-brand h1, .eth-brand h2, .eth-brand h3,
.eth-brand h4, .eth-brand h5, .eth-brand h6 {
  font-family: var(--font-primary);
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--text);
}

.eth-brand a { color: var(--accent); }
.eth-brand code, .eth-brand pre { font-family: var(--font-mono); }

.eth-brand :focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .eth-brand * {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}