/* Orblood — original dark theme. Token-only file: no structural CSS lives here.
 * Loaded by default; switching themes replaces these CSS variables. */

:root[data-theme="orblood-dark"],
:root:not([data-theme]) {
  /* Surfaces */
  --bg:           #020103;
  --panel:        rgba(8, 5, 7, 0.97);
  --glass:        rgba(255, 255, 255, 0.018);
  --gb:           rgba(255, 255, 255, 0.045);

  /* Typography */
  --t1: rgba(248, 240, 240, 0.95);
  --t2: rgba(220, 210, 210, 0.55);
  --t3: rgba(195, 185, 185, 0.22);

  /* Brand accent */
  --accent:   #b91c4a;
  --accent-2: #7f1d1d;
  --ag:       rgba(185, 28, 74, 0.4);

  --success:  #22c55e;
  --warn:     #f59e0b;
  --danger:   #ef4444;
  --pink:     #be123c;

  --legendary: #f59e0b;
  --epic:      #9f1239;
  --rare:      #b91c4a;
  --common:    #a8a29e;

  --selection-bg: rgba(185, 28, 74, 0.35);
  --selection-fg: #ffffff;

  --scene-paint:
    radial-gradient(circle at 50% 0%, rgba(185, 28, 74, 0.05), transparent 50%),
    var(--bg);

  --tint-1: rgba(255,255,255,0.02);
  --tint-2: rgba(255,255,255,0.04);
  --tint-3: rgba(255,255,255,0.06);
  --tint-4: rgba(255,255,255,0.08);
  --tint-5: rgba(255,255,255,0.10);
  --tint-6: rgba(255,255,255,0.15);
  --tint-7: rgba(255,255,255,0.20);
  --tint-9: rgba(255,255,255,0.30);
  --tint-strong: rgba(255,255,255,0.55);

  --border-1: rgba(255,255,255,0.04);
  --border-2: rgba(255,255,255,0.06);
  --border-3: rgba(255,255,255,0.08);
  --border-4: rgba(255,255,255,0.10);
  --border-5: rgba(255,255,255,0.12);

  --shadow-soft:   0 12px 36px rgba(0,0,0,0.55);
  --shadow-strong: 0 20px 40px rgba(0,0,0,0.4);

  /* Greeting headline gradient (home hero "GOOD AFTERNOON, ..."). */
  --greet-grad: linear-gradient(135deg, #ffffff, #c4b5fd 60%, var(--pink));

  /* Cover scrim on top of cover images. */
  --cover-scrim: linear-gradient(180deg, rgba(2,1,3,0.55), rgba(2,1,3,0.85));

  /* Default avatar fallback gradients. */
  --av-default-grad:      radial-gradient(circle at 35% 30%, rgba(255,200,200,0.5), #c2384a 50%, #5d1023);
  --av-default-grad-warm: radial-gradient(circle at 35% 30%, rgba(255,210,210,0.55), #d34764 55%, #4a0c1c);

  /* Sphere highlight + inner shadow used inside orbs / planets. */
  --orb-inner-highlight: rgba(255,255,255,0.45);
  --orb-inner-shadow:    rgba(0,0,0,0.7);

  /* Brand glow alpha tones — red halo around orbs, banner pulses,
   * hovered chips, etc. Marble theme dims these so the same elements
   * don't smear pink across cream. */
  --brand-glow-strong: rgba(185,28,74,0.55);
  --brand-glow:        rgba(185,28,74,0.4);
  --brand-glow-soft:   rgba(185,28,74,0.18);
  --brand-glow-faint:  rgba(185,28,74,0.08);
}