:root {
  --bg-main: #f8fafc;
  --bg-surface: rgba(255, 255, 255, 0.82);
  --bg-surface-solid: #ffffff;
  
  --primary: #2563eb;
  --primary-hover: #1d4ed8;
  --primary-light: #eff6ff;
  --primary-border: rgba(37, 99, 235, 0.2);

  --text-main: #0f172a;
  --text-muted: #64748b;
  --text-light: #94a3b8;

  /* Glassmorphism dihaluskan */
  --glass-bg: rgba(255, 255, 255, 0.65);
  --glass-border: rgba(255, 255, 255, 0.35);
  --glass-blur: blur(20px);
  --glass-shadow: 0 4px 30px rgba(0, 0, 0, 0.04);

  --border-subtle: rgba(226, 232, 240, 0.8);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 10px 25px -5px rgba(37, 99, 235, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.03);

  /* Standarisasi Radius */
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-full: 9999px;
  --max-width: 1140px;
  
  --font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}