:root {
  /* Dark base */
  --qai-bg: #05070d;
  --qai-bg-2: #080c18;
  --qai-panel: rgba(16, 21, 38, .66);
  --qai-panel-strong: rgba(10, 14, 27, .92);
  --qai-panel-soft: rgba(255, 255, 255, .035);
  --qai-border: rgba(255, 255, 255, .09);
  --qai-border-bright: rgba(126, 214, 173, .28);

  /* Symbolic triad: economy (green) / knowledge (indigo) / wealth (gold) */
  --qai-economy: #22c58b;
  --qai-economy-dim: #16543f;
  --qai-knowledge: #6d7bff;
  --qai-knowledge-dim: #2b2f6e;
  --qai-wealth: #e8bd5a;
  --qai-wealth-dim: #6b5522;

  --qai-primary: var(--qai-economy);
  --qai-primary-dark: #0e3d2c;
  --qai-primary-light: #4fdba8;
  --qai-accent: var(--qai-wealth);
  --qai-accent-light: #f4d791;
  --qai-cyan: var(--qai-knowledge);
  --qai-blue: var(--qai-knowledge);
  --qai-purple: var(--qai-knowledge);
  --qai-pink: var(--qai-wealth);
  --qai-green: var(--qai-economy);

  --qai-text: #f5f7fc;
  --qai-text-2: #c8cfe2;
  --qai-muted: #8d97b3;
  --qai-dim: #616c8a;
  --qai-danger: #ff7a86;
  --qai-warning: var(--qai-wealth);

  --qai-gradient: linear-gradient(100deg, var(--qai-economy) 0%, var(--qai-knowledge) 55%, var(--qai-wealth) 100%);
  --qai-gradient-soft: linear-gradient(135deg, rgba(34,197,139,.16), rgba(109,123,255,.14) 55%, rgba(232,189,90,.14));

  --qai-radius-sm: 10px;
  --qai-radius: 18px;
  --qai-radius-lg: 26px;
  --qai-shadow: 0 30px 90px rgba(0,0,0,.45);
  --qai-header-height: 104px;
  --qai-max: 1360px;
  --qai-content: 1120px;

  --qai-font: Inter, "Segoe UI", ui-sans-serif, -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
  --qai-heading: Georgia, "Times New Roman", "Noto Serif", ui-serif, serif;
}