/* Ampactor Labs — Design Tokens (Patina Dark)
 * Auto-generated by ampactor-theme/export/to-css.sh
 * Do not edit manually — modify tokens/*.yaml and rebuild.
 */

:root {
  /* Base palette — dark */
  --color-amber: #d8a657;
  --color-orange: #e78a4e;
  --color-coral: #ea6962;
  --color-rose: #d3869b;
  --color-verdigris: #89bfad;
  --color-teal: #7daea3;
  --color-steel: #6a95a8;
  --color-charcoal: #1d2021;
  --color-umber: #45403d;
  --color-parchment: #d4be98;
  --color-muted: #a89984;
  --color-comment: #5a524c;
  --color-dim: #2a2826;
  --color-void: #0f0e0d;
  --color-cyan: #00e5ff;

  /* Semantic roles — dark */
  --bg: #1d2021;
  --fg: #d4be98;
  --selection-bg: #45403d;
  --selection-fg: #d4be98;
  --accent: #e78a4e;
  --cursor: #d8a657;
  --highlight: #00e5ff;
  --role-keyword: #ea6962;
  --role-function: #d8a657;
  --role-string: #89bfad;
  --role-type: #7daea3;
  --role-constant: #6a95a8;
  --role-special: #d3869b;
  --role-muted: #5a524c;
  --role-operator: #a89984;
  --ui-primary: #d8a657;
  --ui-signal-ok: #89bfad;
  --ui-caution: #d8a657;
  --ui-danger: #ea6962;
  --ui-modulation: #d3869b;
  --ui-time: #6a95a8;
  --ui-info: #7daea3;
  --ui-dim: #2a2826;
  --ui-void: #0f0e0d;
  --ui-text: #d4be98;
  --ui-text-muted: #a89984;

  /* Glow — phosphor bloom */
  --glow-bloom-radius: 3;
  --glow-bloom-alpha: 0.25;
  --glow-ghost-alpha: 0.08;
  --glow-hover-bloom-mult: 1.6;

  /* Glow — CSS box-shadows */
  --glow-phosphor-tight:
    0 0 4px rgba(0, 229, 255, 0.3), 0 0 12px rgba(0, 229, 255, 0.1);
  --glow-phosphor-wide:
    0 0 8px rgba(0, 229, 255, 0.4), 0 0 24px rgba(0, 229, 255, 0.15);
  --glow-amber-tight:
    0 0 4px rgba(216, 166, 87, 0.35), 0 0 12px rgba(216, 166, 87, 0.12);
  --glow-amber-wide:
    0 0 8px rgba(216, 166, 87, 0.45), 0 0 24px rgba(216, 166, 87, 0.18);
  --glow-verdigris-tight:
    0 0 4px rgba(137, 191, 173, 0.3), 0 0 12px rgba(137, 191, 173, 0.1);
  --glow-coral-tight:
    0 0 4px rgba(234, 105, 98, 0.35), 0 0 12px rgba(234, 105, 98, 0.12);

  /* Typography */
  --font-body: "JetBrains Mono", monospace;
  --font-display: "Share Tech Mono", monospace;
  --font-arcade: "Press Start 2P", monospace;
  --font-size-xs: 10px;
  --font-size-sm: 11px;
  --font-size-base: 13px;
  --font-size-md: 14px;
  --font-size-lg: 16px;
  --font-size-xl: 20px;
  --font-size-xxl: 24px;
  --tracking-brand-wordmark: 0.08em;
  --tracking-ui-label: 0.04em;
  --tracking-code: 0em;

  /* Motion */
  --duration-instant: 0ms;
  --duration-fast: 150ms;
  --duration-normal: 300ms;
  --duration-slow: 600ms;
  --duration-crawl: 1400ms;
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-enter: cubic-bezier(0, 0, 0.2, 1);
  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}

[data-theme="patina-light"] {
  /* Base palette — light */
  --color-amber: #b57614;
  --color-orange: #af3a03;
  --color-coral: #c14a4a;
  --color-rose: #945e80;
  --color-verdigris: #4c8a7c;
  --color-teal: #427b72;
  --color-steel: #3a7078;
  --color-charcoal: #f2e5bc;
  --color-umber: #d5c4a1;
  --color-parchment: #4f3829;
  --color-muted: #7c6f64;
  --color-comment: #a89984;
  --color-dim: #d5c4a1;
  --color-void: #f2e5bc;
  --color-cyan: #00e5ff;

  /* Semantic roles — light */
  --bg: #f2e5bc;
  --fg: #4f3829;
  --selection-bg: #d5c4a1;
  --selection-fg: #4f3829;
  --accent: #af3a03;
  --cursor: #b57614;
  --highlight: #00e5ff;
  --role-keyword: #c14a4a;
  --role-function: #b57614;
  --role-string: #4c8a7c;
  --role-type: #427b72;
  --role-constant: #3a7078;
  --role-special: #945e80;
  --role-muted: #a89984;
  --role-operator: #7c6f64;
  --ui-primary: #b57614;
  --ui-signal-ok: #4c8a7c;
  --ui-caution: #b57614;
  --ui-danger: #c14a4a;
  --ui-modulation: #945e80;
  --ui-time: #3a7078;
  --ui-info: #427b72;
  --ui-dim: #d5c4a1;
  --ui-void: #f2e5bc;
  --ui-text: #4f3829;
  --ui-text-muted: #7c6f64;
}