/* ============================================================
   Vitaalands — Color tokens
   Source of truth: app codebase "Spatial Glass" system
   (charcoal cockpit + aurora glass) + master brand spectral mark
   + 24-type card core/rarity system.
   ============================================================ */

:root {
  /* ---- Brand spectral mark (logo gradient stops) ---- */
  --vita-spectrum-navy:   #1b1464;
  --vita-spectrum-blue:   #0071bc;
  --vita-spectrum-green:  #39b54a;
  --vita-spectrum-yellow: #fcee21;
  --vita-spectrum-orange: #f59423;
  --vita-spectrum-red:    #f15a24;
  /* The wordmark / heart-infinity mark uses this full sweep */
  --vita-gradient-brand: linear-gradient(
    115deg,
    #1b1464 0%, #0071bc 22%, #39b54a 42%,
    #fcee21 58%, #f59423 76%, #f15a24 100%
  ); /* @kind color */

  /* ---- Cockpit surfaces (dark, default skin = "Space Mode") ---- */
  --vita-canvas:  #08080d;   /* deepest background */
  --vita-surface: #0e1018;   /* panel base */
  --vita-raised:  #15171f;   /* raised panel */
  --vita-ink:     #0f172a;   /* near-black ink (light-mode text) */

  /* ---- Aurora accents (calm spatial depth, NOT neon) — anchored on brand blue+jade ---- */
  --aurora-1: #2563eb;       /* brand blue */
  --aurora-2: #6366f1;       /* indigo (transitional depth) */
  --aurora-3: #14b8a6;       /* jade glow */

  /* ---- Brand accent (primary action) — official canon (brand book v1.0) ---- */
  --brand-primary:      #2563eb;   /* deep European blue — trust, headers, primary CTA */
  --brand-primary-700:  #1d4ed8;
  --brand-primary-600:  #1e40af;
  --brand-accent:       #14b8a6;   /* warm jade — personality, secondary CTA */
  --brand-secondary:    #14b8a6;   /* alias of accent */
  --vita-energy:        #f97316;   /* energy highlight */
  --brand-glow:         rgba(37, 99, 235, 0.40);

  /* ---- Text (on dark) ---- */
  --text-primary:   #f5f7fa;
  --text-secondary: #9aa3b2;
  --text-muted:     #5b6472;
  --text-on-accent: #ffffff;

  /* ---- Text (on light surface) ---- */
  --text-ink:       #0f172a;
  --text-ink-soft:  #475569;

  /* ---- Glass borders & fills ---- */
  --border-glass:        rgba(255, 255, 255, 0.08);
  --border-glass-strong: rgba(255, 255, 255, 0.14);
  --fill-glass-1:        rgba(255, 255, 255, 0.03);
  --fill-glass-2:        rgba(255, 255, 255, 0.06);
  --fill-glass-3:        rgba(255, 255, 255, 0.09);

  /* ---- Light surfaces (optional light mode / card light variant) ---- */
  --surface-light:      #f8fafc;
  --surface-light-card: #ffffff;

  /* ---- Semantic signals ---- */
  --success: #10b981;
  --warning: #f59e0b;
  --danger:  #f43f5e;
  --info:    #38bdf8;
  --success-soft: rgba(16, 185, 129, 0.12);
  --warning-soft: rgba(245, 158, 11, 0.12);
  --danger-soft:  rgba(244, 63, 94, 0.12);
  --info-soft:    rgba(56, 189, 248, 0.12);

  /* ---- Module colors (Life OS packs) — accent as semantic signal ---- */
  --mod-personality:     #6366f1;  /* Brain   — indigo  */
  --mod-personality-2:   #2563eb;
  --mod-vee:             #0ea5e9;  /* Sparkles— sky     */
  --mod-vee-2:           #06b6d4;
  --mod-room:            #f43f5e;  /* Users   — rose    */
  --mod-room-2:          #ec4899;
  --mod-focus:           #10b981;  /* Target  — emerald */
  --mod-focus-2:         #14b8a6;
  --mod-game:            #f59e0b;  /* Game    — amber   */
  --mod-game-2:          #f97316;
  --mod-language:        #8b5cf6;  /* Langs   — violet  */
  --mod-language-2:      #d946ef;
  --mod-senior:          #3b82f6;  /* Family  — blue    */
  --mod-senior-2:        #6366f1;
  --mod-trust:           #2dd4bf;  /* Privacy — teal    */
  --mod-trust-2:         #34d399;

  /* ---- 24-Type card: Core elements ---- */
  --core-fire:    #f97316;  /* Action     — warm orange */
  --core-fire-2:  #fb923c;
  --core-water:   #0ea5e9;  /* Connection — sky cyan (brand canon) */
  --core-water-2: #38bdf8;
  --core-air:     #a78bfa;  /* Ideas      — lavender    */
  --core-air-2:   #c4b5fd;
  --core-earth:   #84cc16;  /* Order      — olive green */
  --core-earth-2: #a3e635;

  /* ---- 24-Type card: Rarity strips/frames ---- */
  --rarity-bronze:  #cd7f32;
  --rarity-bronze-2:#e9a05a;
  --rarity-silver:  #c0c7d0;
  --rarity-silver-2:#eef1f5;
  --rarity-gold:    #f5c542;
  --rarity-gold-2:  #fde68a;
  /* Vita = holographic iridescent (tint per core at runtime) */
  --rarity-vita: linear-gradient(120deg,#a78bfa,#22d3ee,#34d399,#fcd34d,#f472b6); /* @kind color */

  /* ---- Stat bar (5 dims) track + fill ---- */
  --stat-track: rgba(255, 255, 255, 0.08);
  --stat-fill:  var(--brand-primary);

  /* ---- Aliases (semantic → role) ---- */
  --bg-app:       var(--vita-canvas);
  --surface-card: var(--fill-glass-2);
  --text-body:    var(--text-secondary);
  --text-heading: var(--text-primary);
  --accent:       var(--brand-primary);
}