/* ==========================================================================
   KARPAN ERP — LIGHT EDITORIAL DESIGN TOKENS (Adopt.ai-inspired)
   Warm stone canvas, deep navy ink, electric-blue accent, editorial serif.
   ========================================================================== */

:root {
  --bg-stone: #F6F5F0;
  --bg-stone-surface: #FFFFFF;
  --bg-stone-muted: #EDECE6;
  --bg-stone-card: #FAFAF7;

  --bg-navy: #050506;
  --bg-navy-surface: #060B1E;
  --bg-navy-card: #0F172A;
  --bg-navy-elevated: #1E293B;

  --color-electric-blue: #1F5BFF;
  --color-electric-blue-hover: #1247DB;
  --color-electric-glow: rgba(31, 91, 255, 0.25);
  --color-sky-blue: #38BDF8;
  --color-sky-glow: rgba(56, 189, 248, 0.2);

  --color-emerald: #10B981;
  --color-emerald-bg: rgba(16, 185, 129, 0.1);
  --color-crimson: #E5484D;
  --color-crimson-bg: rgba(229, 72, 77, 0.1);
  --color-amber: #F59E0B;
  --color-amber-bg: rgba(245, 158, 11, 0.1);

  --text-dark: #14161F;
  --text-dark-muted: #55586A;
  --text-dark-subtle: #82859A;

  --text-light: #F8FAFC;
  --text-light-muted: #A7B0C4;
  --text-light-subtle: #6B7590;

  --border-stone: rgba(20, 22, 31, 0.10);
  --border-stone-strong: rgba(20, 22, 31, 0.22);
  --border-navy: rgba(248, 250, 252, 0.12);
  --border-navy-strong: rgba(56, 189, 248, 0.35);

  --font-serif: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-display: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', Consolas, monospace;

  --shadow-subtle: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.08);
  --shadow-card: 0 4px 20px -2px rgba(20, 22, 31, 0.07), 0 2px 6px -1px rgba(20, 22, 31, 0.05);
  --shadow-elevated: 0 30px 60px -20px rgba(10, 17, 40, 0.28), 0 10px 20px -10px rgba(10, 17, 40, 0.12);
  --shadow-navy-glow: 0 0 60px rgba(31, 91, 255, 0.15);

  --container-max: 1920px;
  --container-wide: 1440px;
  --header-height: 72px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --radius-full: 9999px;
}