/**
 * GMIIE design bridge — shared tokens aligned with packages/ui globals.css.
 * Include on xxxiii.io static pages alongside /css/gmiie-hub.css for cross-layer consistency.
 */
:root,
[data-theme="light"] {
  --color-background: #fafaf7;
  --color-surface: #ffffff;
  --color-surface-elevated: #f2f1ec;
  --color-border-subtle: #e8e6df;
  --color-text-primary: #1a1a2e;
  --color-text-secondary: #4a4a5e;
  --color-text-muted: #7a7a8e;
  --color-gold: #9a7b2c;
  --color-green: #1a8f6e;
  --color-blue: #2b5bae;
  --gmiie-glass-bg: rgba(255, 255, 255, 0.72);
  --gmiie-glass-blur: 12px;
  --gmiie-glass-border: rgba(154, 123, 44, 0.18);
}

[data-theme="dark"] {
  --color-background: #0f1419;
  --color-surface: #171d24;
  --color-surface-elevated: #1e262f;
  --color-border-subtle: #232d3a;
  --color-text-primary: #eceff4;
  --color-text-secondary: #a8b2c1;
  --color-text-muted: #6b7a8d;
  --color-gold: #d4af37;
  --color-green: #34d399;
  --color-blue: #5b9aff;
  --gmiie-glass-bg: rgba(23, 29, 36, 0.82);
  --gmiie-glass-blur: 12px;
  --gmiie-glass-border: rgba(212, 175, 55, 0.22);
}

.gmiie-glass {
  background: var(--gmiie-glass-bg);
  backdrop-filter: blur(var(--gmiie-glass-blur));
  -webkit-backdrop-filter: blur(var(--gmiie-glass-blur));
  border: 1px solid var(--gmiie-glass-border);
  border-radius: 12px;
}

.gmiie-app-link {
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-gold);
}

.gmiie-app-link:hover {
  color: var(--color-text-primary);
}