/* ===== DESIGN TOKENS — single source of truth ===== */

/* Layout (theme-independent) */
:root {
  --sidebar-width: 240px;
  --topbar-height: 60px;
  --sidebar-collapsed-width: 52px;

  --radius-card: .65rem;
  --radius-btn: .45rem;
  --radius-badge: 2rem;

  --transition-fast: .15s;
  --transition-med: .2s;
  --transition-slow: .25s;
}

/* Dark theme (default) */
:root,
[data-theme="dark"] {
  --bg-base:    #161b2e;
  --bg-sidebar: #1c2035;
  --bg-card:    #1e2340;

  --accent:       #00d1b2;
  --accent-hover: #00b09b;
  --accent-muted: rgba(0,209,178,.12);
  --accent-glow:  rgba(0,209,178,.35);
  --color-accent: #00d1b2;

  --text-primary: #e8eaf0;
  --text-muted:   rgba(232,234,240,.55);

  --border: rgba(255,255,255,.08);

  --btn-glass-bg:           rgba(255,255,255,.06);
  --btn-glass-border:       rgba(255,255,255,.12);
  --btn-glass-color:        rgba(255,255,255,.65);
  --btn-glass-hover-bg:     rgba(255,255,255,.11);
  --btn-glass-hover-border: rgba(255,255,255,.2);
  --btn-glass-hover-color:  rgba(255,255,255,.9);

  --badge-proposition-bg:    rgba(59,130,246,.15);
  --badge-proposition-color: #60a5fa;
  --badge-discussion-bg:     rgba(168,85,247,.15);
  --badge-discussion-color:  #c084fc;
  --badge-referendum-bg:     rgba(249,115,22,.15);
  --badge-referendum-color:  #fb923c;
  --badge-approved-bg:       rgba(0,188,140,.15);
  --badge-approved-color:    #00bc8c;
  --badge-rejected-bg:       rgba(239,68,68,.15);
  --badge-rejected-color:    #f87171;

}

/* Civic theme — niebieskawa, formalna, instytucjonalna */
[data-theme="civic"] {
  --bg-base:    #111827;
  --bg-sidebar: #1a2332;
  --bg-card:    #1e2d42;

  --accent:       #3b82f6;
  --accent-hover: #2563eb;
  --accent-muted: rgba(59,130,246,.12);
  --accent-glow:  rgba(59,130,246,.35);
  --color-accent: #3b82f6;

  --text-primary: #e2e8f0;
  --text-muted:   rgba(226,232,240,.5);

  --border: rgba(59,130,246,.15);

  --btn-glass-bg:           rgba(59,130,246,.08);
  --btn-glass-border:       rgba(59,130,246,.2);
  --btn-glass-color:        rgba(226,232,240,.65);
  --btn-glass-hover-bg:     rgba(59,130,246,.15);
  --btn-glass-hover-border: rgba(59,130,246,.4);
  --btn-glass-hover-color:  rgba(226,232,240,.95);

  --badge-proposition-bg:    rgba(59,130,246,.15);
  --badge-proposition-color: #93c5fd;
  --badge-discussion-bg:     rgba(168,85,247,.15);
  --badge-discussion-color:  #c084fc;
  --badge-referendum-bg:     rgba(249,115,22,.15);
  --badge-referendum-color:  #fb923c;
  --badge-approved-bg:       rgba(34,197,94,.12);
  --badge-approved-color:    #4ade80;
  --badge-rejected-bg:       rgba(239,68,68,.12);
  --badge-rejected-color:    #f87171;

}

/* Official theme — granatowy sidebar, pomarańczowy akcent */
[data-theme="official"] {
  --bg-base:    #F9FAFB;
  --bg-sidebar: #0E1726;
  --bg-card:    #ffffff;

  --accent:       #D95F0D;
  --accent-hover: #b84f0a;
  --accent-muted: rgba(217,95,13,.1);
  --accent-glow:  rgba(217,95,13,.25);
  --color-accent: #D95F0D;

  --text-primary: #1F2937;
  --text-muted:   #6B7280;

  --border: rgba(0,0,0,.09);

  --btn-glass-bg:           rgba(0,0,0,.04);
  --btn-glass-border:       rgba(0,0,0,.12);
  --btn-glass-color:        #6B7280;
  --btn-glass-hover-bg:     rgba(217,95,13,.07);
  --btn-glass-hover-border: rgba(217,95,13,.3);
  --btn-glass-hover-color:  #1F2937;

  --badge-proposition-bg:    rgba(59,130,246,.1);
  --badge-proposition-color: #1d4ed8;
  --badge-discussion-bg:     rgba(168,85,247,.1);
  --badge-discussion-color:  #6d28d9;
  --badge-referendum-bg:     rgba(217,95,13,.1);
  --badge-referendum-color:  #D95F0D;
  --badge-approved-bg:       rgba(0,188,140,.1);
  --badge-approved-color:    #047a6a;
  --badge-rejected-bg:       rgba(239,68,68,.1);
  --badge-rejected-color:    #dc2626;

}

/* Light theme */
[data-theme="light"] {
  --bg-base:    #f0f2f5;
  --bg-sidebar: #ffffff;
  --bg-card:    #ffffff;

  --accent:       #059984;
  --accent-hover: #047a6a;
  --accent-muted: rgba(5,153,132,.1);
  --accent-glow:  rgba(5,153,132,.3);
  --color-accent: #059984;

  --text-primary: #1e2030;
  --text-muted:   rgba(30,32,48,.5);

  --border: rgba(0,0,0,.1);

  --btn-glass-bg:           rgba(0,0,0,.04);
  --btn-glass-border:       rgba(0,0,0,.14);
  --btn-glass-color:        rgba(0,0,0,.6);
  --btn-glass-hover-bg:     rgba(0,0,0,.08);
  --btn-glass-hover-border: rgba(0,0,0,.22);
  --btn-glass-hover-color:  rgba(0,0,0,.85);

  --badge-proposition-bg:    rgba(59,130,246,.12);
  --badge-proposition-color: #2563eb;
  --badge-discussion-bg:     rgba(168,85,247,.12);
  --badge-discussion-color:  #7c3aed;
  --badge-referendum-bg:     rgba(249,115,22,.12);
  --badge-referendum-color:  #ea580c;
  --badge-approved-bg:       rgba(0,188,140,.12);
  --badge-approved-color:    #047a6a;
  --badge-rejected-bg:       rgba(239,68,68,.12);
  --badge-rejected-color:    #dc2626;

}