:root {
  /* Colors — molty.me inspired zinc + red-orange */
  --bg-primary: #09090b;
  --bg-secondary: #111113;
  --bg-card: rgba(24, 24, 27, 0.5);
  --bg-card-hover: rgba(39, 39, 42, 0.4);
  --bg-input: #18181b;
  --bg-sidebar: #0c0c0e;

  --border: rgba(39, 39, 42, 0.5);
  --border-light: rgba(63, 63, 70, 0.4);

  --text-primary: #f4f4f5;
  --text-secondary: #a1a1aa;
  --text-muted: #71717a;

  /* Accent — red → orange gradient */
  --accent: #ea580c;
  --accent-hover: #f97316;
  --accent-light: rgba(234, 88, 12, 0.15);
  --accent-gradient: linear-gradient(135deg, #dc2626, #ea580c);

  /* Status */
  --success: #22c55e;
  --success-bg: rgba(34, 197, 94, 0.12);
  --warning: #eab308;
  --warning-bg: rgba(234, 179, 8, 0.12);
  --danger: #ef4444;
  --danger-bg: rgba(239, 68, 68, 0.12);
  --info: #3b82f6;
  --info-bg: rgba(59, 130, 246, 0.12);

  /* Platform colors */
  --instagram: #E4405F;
  --youtube: #FF0000;
  --tiktok: #00f2ea;
  --telegram: #26A5E4;
  --twitter: #1DA1F2;

  /* Typography */
  --font: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-xs: 0.75rem;
  --font-sm: 0.8125rem;
  --font-base: 0.9375rem;
  --font-lg: 1.125rem;
  --font-xl: 1.5rem;
  --font-2xl: 2rem;
  --font-3xl: 2.5rem;

  /* Spacing */
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.3);
  --shadow: 0 4px 16px rgba(0,0,0,0.4);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.5);

  /* Sidebar */
  --sidebar-width: 260px;
  --header-height: 64px;
}

/* === LIGHT THEME === */
[data-theme="light"] {
  --bg-primary: #f8f8fa;
  --bg-secondary: #ffffff;
  --bg-card: rgba(255, 255, 255, 0.85);
  --bg-card-hover: rgba(0, 0, 0, 0.03);
  --bg-input: #f0f0f3;
  --bg-sidebar: #ffffff;

  --border: rgba(0, 0, 0, 0.08);
  --border-light: rgba(0, 0, 0, 0.14);

  --text-primary: #18181b;
  --text-secondary: #52525b;
  --text-muted: #a1a1aa;

  --accent-light: rgba(234, 88, 12, 0.08);

  --success-bg: rgba(34, 197, 94, 0.08);
  --warning-bg: rgba(234, 179, 8, 0.08);
  --danger-bg: rgba(239, 68, 68, 0.08);
  --info-bg: rgba(59, 130, 246, 0.08);

  --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
  --shadow: 0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.1);
}