/* ==========================================================================
   Design Tokens — EdwinErdiyana.com Digital Ecosystem
   Single source of truth for color, spacing, radius, typography.
   ========================================================================== */

:root {
  /* Colors */
  --color-primary: #2563EB;
  --color-primary-hover: #1D4ED8;
  --color-primary-light: #EFF6FF;
  --color-bg: #F8FAFC;
  --color-white: #FFFFFF;
  --color-text: #0F172A;
  --color-text-secondary: #64748B;
  --color-border: #E5E7EB;

  /* Accent tints used across stat icons / app cards */
  --accent-green: #16A34A;
  --accent-green-bg: #ECFDF5;
  --accent-pink: #DB2777;
  --accent-pink-bg: #FDF2F8;
  --accent-amber: #D97706;
  --accent-amber-bg: #FFFBEB;
  --accent-purple: #7C3AED;
  --accent-purple-bg: #F5F3FF;

  /* Typography */
  --font-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Radius */
  --radius-lg: 24px;
  --radius-md: 16px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-soft: 0 4px 24px rgba(15, 23, 42, 0.06);
  --shadow-card: 0 8px 32px rgba(15, 23, 42, 0.08);
  --shadow-hover: 0 16px 40px rgba(37, 99, 235, 0.16);

  /* Layout */
  --max-width: 1440px;
  --container-width: 1320px;

  /* Navbar */
  --navbar-height: 84px;
}

:root[data-theme="dark"] {
  --color-primary: #3B82F6;
  --color-primary-hover: #60A5FA;
  --color-primary-light: #1E293B;
  --color-bg: #0B1220;
  --color-white: #111827;
  --color-text: #F1F5F9;
  --color-text-secondary: #94A3B8;
  --color-border: #1E293B;

  --shadow-soft: 0 4px 24px rgba(0, 0, 0, 0.35);
  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.4);
}