/* ══════════════════════════════════════════
   مِداد v4 — CSS Variables & Theme Tokens
══════════════════════════════════════════ */

:root {
  /* Brand */
  --accent:       #0d7064;
  --accent-h:     #0b5e55;
  --accent-l:     #e6f4f2;
  --accent-f:     rgba(13,112,100,.12);
  --gold:         #b8946b;
  --gold-l:       #f5ead7;

  /* Neutral scale */
  --bg:           #f5f2ec;
  --bg2:          #eeeae3;
  --surface:      #ffffff;
  --surface2:     #faf8f4;
  --border:       #e2ddd6;
  --border2:      #ccc8c0;
  --text:         #1a1916;
  --text2:        #3d3a35;
  --text3:        #7a7570;
  --text4:        #a8a49e;

  /* Semantics */
  --danger:       #c0392b;
  --danger-l:     #fef2f2;
  --warn:         #d97706;
  --warn-l:       #fffbeb;
  --success:      #059669;
  --success-l:    #ecfdf5;
  --info:         #2563eb;
  --info-l:       #eff6ff;

  /* Badge tiers */
  --bronze:       #cd7f32;
  --bronze-l:     #fdf3e7;
  --silver:       #a0a0a0;
  --silver-l:     #f5f5f5;
  --gold-badge:   #d4af37;
  --gold-badge-l: #fffaeb;
  --platinum:     #0d7064;
  --platinum-l:   #e6f4f2;

  /* Typography */
  --font-body:    'Readex Pro', 'Helvetica Neue', Arial, sans-serif;
  --font-serif:   'Amiri', Georgia, serif;

  /* Spacing */
  --sp1: 4px;  --sp2: 8px;  --sp3: 12px; --sp4: 16px;
  --sp5: 20px; --sp6: 24px; --sp7: 32px; --sp8: 48px;

  /* Radii */
  --r1: 4px; --r2: 8px; --r3: 12px; --r4: 16px; --r5: 100px;

  /* Shadows */
  --sh1: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --sh2: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);
  --sh3: 0 12px 32px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
  --sh-accent: 0 8px 24px rgba(13,112,100,.25);

  /* Layout */
  --topbar-h: 56px;
  --sidebar-w: 220px;
  --raside-w: 260px;

  /* Transitions */
  --tr: 150ms ease;
  --tr2: 250ms cubic-bezier(.4,0,.2,1);
}

/* ── Global utilities ── */
.hidden { display: none !important; }

/* ── Dark theme ── */
[data-theme="dark"] {
  --bg:         #0f1210;
  --bg2:        #161a18;
  --surface:    #1c2220;
  --surface2:   #222927;
  --border:     #2a3330;
  --border2:    #354340;
  --text:       #e8e4dc;
  --text2:      #c4bfb6;
  --text3:      #7a8580;
  --text4:      #4a5550;
  --accent:     #10897b;
  --accent-h:   #0d7064;
  --accent-l:   rgba(16,137,123,.12);
  --accent-f:   rgba(16,137,123,.15);
  --gold-l:     rgba(184,148,107,.1);
  --danger-l:   rgba(192,57,43,.1);
  --warn-l:     rgba(217,119,6,.1);
  --success-l:  rgba(5,150,105,.1);
  --info-l:     rgba(37,99,235,.1);
  --sh1: 0 1px 3px rgba(0,0,0,.3);
  --sh2: 0 4px 12px rgba(0,0,0,.35);
  --sh3: 0 12px 32px rgba(0,0,0,.4);
}

/* ── Sepia theme ── */
[data-theme="sepia"] {
  --bg:       #f4ece0;
  --bg2:      #ede3d0;
  --surface:  #fdf6ec;
  --surface2: #f8f0e0;
  --border:   #d9c8ae;
  --border2:  #c4aa88;
  --text:     #2c1f0e;
  --text2:    #4a3520;
  --text3:    #8a6a45;
  --text4:    #b89c78;
}