/* Shared Theme Variables for Kamsib Mobile */
:root {
  color-scheme: dark;
}

/* THEME VARIABLES */
:root {
  --bg: #0f172a;
  --card: #0b1220;
  --text: #e5e7eb;
  --muted: #94a3b8;
  --border: #1f2937;
  --accent: #4ade80;
  --ghost: #111827;
  --ghost-border: #253041;
  --surface: #0a0f1a;
  --warn: #eab308;
  --error: #ef4444;
  --ok: #22c55e;

  /* ===== Brand vars (override-able dari server) ===== */
  --brand-name: "Kamsib";
  --brand-accent: var(--accent);
  --brand-radius: 12px;
  --brand-logo-light: "";
  --brand-logo-dark: "";
}

[data-theme="light"] {
  --bg: #f8fafc;
  --card: #ffffff;
  --text: #0f172a;
  --muted: #475569;
  --border: #e2e8f0;
  --accent: #16a34a;
  --ghost: #f1f5f9;
  --ghost-border: #cbd5e1;
  --surface: #f8fafc;
  --warn: #ca8a04;
  --error: #dc2626;
  --ok: #16a34a;
}

[data-theme="dark"] {
  --bg: #0f172a;
  --card: #0b1220;
  --text: #e5e7eb;
  --muted: #94a3b8;
  --border: #1f2937;
  --accent: #4ade80;
  --ghost: #111827;
  --ghost-border: #253041;
  --surface: #0a0f1a;
  --warn: #eab308;
  --error: #ef4444;
  --ok: #22c55e;
}