/* ═══════════════════════════════════════════════════════════════
   diaspora.ro — Theme System v1.0
   Dark mode (default) + Light mode toggle
   ─────────────────────────────────────────────────────────────── */

/* ── LIGHT MODE (default) ── */
:root,
[data-theme="light"] {
  --bg:          #f0f2f5;
  --bg2:         #e4e6ea;
  --bg3:         #dcdfe6;
  --card:        #ffffff;
  --card-hover:  #f5f7fa;
  --card-solid:  #ffffff;
  --border:      #e4e6ea;
  --border-b:    #c8cdd5;
  --ink:         #050505;
  --ink2:        #65676b;
  --ink3:        #8a8d91;
  --muted:       #b0b3b8;
  --brand:       #7c3aed;
  --brand2:      #9333ea;
  --brandl:      #a855f7;
  --blue:        #1877f2;
  --green:       #42b72a;
  --gold:        #d97706;
  --pink:        #e11d78;
  --red:         #e41e3f;
  --orange:      #ea580c;
  --teal:        #0891b2;
  --amber:       #b45309;
  --shadow:      0 1px 4px rgba(0,0,0,0.10);
  --shadow-lg:   0 4px 20px rgba(0,0,0,0.15);
  --grad:        linear-gradient(135deg, var(--brand), var(--brand2));
  --r:           16px;
  --rlg:         24px;
  color-scheme:  light;
}

/* ── DARK MODE ── */
[data-theme="dark"] {
  --bg:          #06000f;
  --bg2:         #0d0520;
  --bg3:         #160a30;
  --card:        rgba(255,255,255,0.04);
  --card-hover:  rgba(255,255,255,0.08);
  --card-solid:  #12082a;
  --border:      rgba(255,255,255,0.08);
  --border-b:    rgba(255,255,255,0.18);
  --ink:         #f0eaff;
  --ink2:        rgba(220,210,255,0.70);
  --ink3:        rgba(180,170,220,0.50);
  --muted:       rgba(150,140,200,0.45);
  --brand:       #7c3aed;
  --brand2:      #a855f7;
  --brandl:      #c084fc;
  --blue:        #38bdf8;
  --green:       #34d399;
  --gold:        #ffd060;
  --pink:        #f472b6;
  --red:         #ff4060;
  --orange:      #fb923c;
  --teal:        #2dd4bf;
  --amber:       #fbbf24;
  --shadow:      0 2px 12px rgba(0,0,0,0.4);
  --shadow-lg:   0 8px 32px rgba(0,0,0,0.5);
  --grad:        linear-gradient(135deg, var(--brand), var(--brand2));
  --r:           16px;
  --rlg:         24px;
  color-scheme:  dark;
}

/* ── TRANSITIONS LA SCHIMBAREA TEMEI ── */
*,
*::before,
*::after {
  transition-property: background-color, border-color, color, box-shadow;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
/* Dezactiveaza tranzitia pe animatii (nu vrem flash la SVG-uri) */
svg, .ic, img, video { transition: none; }

/* ── CONTRAST RIDICAT (accesibilitate) ── */
[data-contrast="high"] {
  --ink:   #000000;
  --ink2:  #1a1a1a;
  --ink3:  #333333;
  --card:  #ffffff;
  --border:#000000;
}
[data-theme="dark"][data-contrast="high"] {
  --ink:   #ffffff;
  --ink2:  #eeeeee;
  --ink3:  #cccccc;
  --card:  #000000;
  --border:#ffffff;
}

/* ── ANIMATII REDUSE (accesibilitate) ── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}