/* Romy AI — Design Tokens (single source; Step 3) */
/* Dark / Zinc base used by chat / admin / auth / mulai / index */
:root {
  /* zinc scale */
  --zinc-950: #09090B;
  --zinc-900: #18181B;
  --zinc-800: #27272A;
  --zinc-700: #3F3F46;
  --zinc-500: #71717A;
  --zinc-400: #A1A1AA;
  --zinc-300: #D4D4D8;
  --zinc-100: #FAFAFA;
  /* semantic aliases (compat with existing pages) */
  --bg: var(--zinc-950);
  --sidebar-bg: #0A0A0C;
  --surface: var(--zinc-900);
  --surface-hover: var(--zinc-800);
  --border: var(--zinc-800);
  --border-subtle: #1C1C1F;
  --text: var(--zinc-100);
  --text-secondary: var(--zinc-400);
  --text-tertiary: var(--zinc-500);
  --code-bg: #0F0F11;
  --artifact-bg: #0F0F11;
  /* accent */
  --accent: #3B82F6;
  --accent-hover: #2563EB;
  --accent-subtle: #1E3A8A;
  --ring: #3B82F6;
  /* family */
  --romzul: #3B82F6; --romzul-l: #93C5FD;
  --iffaty: #EC4899; --iffaty-l: #F472B6;
  --ihsan: #10B981; --ihsan-l: #6EE7B7;
  --orange: #F59E0B; --orange-l: #FCD34D;
  --violet: #8B5CF6; --violet-l: #C4B5FD;
  --red: #EF4444; --red-l: #FCA5A5;
  /* pricing (mulai.html compat) */
  --free: #3B82F6; --serius: #10B981; --max: #F59E0B;
  /* effects */
  --radius: 12px;
}

/* Light / UMKM landing tokens — only when body has .theme-landing or landing.html overrides locally */
.theme-cream,
[data-theme="cream"] {
  --cream: #FFF8F0;
  --cream2: #FFFBF6;
  --card: #FFFFFF;
  --ink: #1C1917;
  --soft: #78716C;
  --line: #F0E4D6;
  --orange: #EA580C;
  --green: #15803D;
}