/**
 * LUẬT NHÂN DÂN - CSS VARIABLES & DESIGN TOKENS
 * Scoped variables for modern, prestigious legal aesthetic
 */

:root {
  /* Brand Primary: Crimson & Burgundy (Thương hiệu truyền thống uy tín) */
  --lnd-primary: #8b181b;
  --lnd-primary-dark: #6e1013;
  --lnd-primary-light: #ab2327;
  --lnd-primary-surface: #fdf3f3;
  --lnd-primary-border: #f8d7da;

  /* Brand Secondary: Deep Navy & Slate (Uy quyền, vững chắc của pháp luật) */
  --lnd-navy: #0f1e36;
  --lnd-navy-dark: #0a1424;
  --lnd-navy-light: #1c2e4c;
  --lnd-navy-surface: #f0f4f9;

  /* Accent: Gold & Bronze (Đẳng cấp, cán cân công lý) */
  --lnd-gold: #c59b27;
  --lnd-gold-dark: #9e7916;
  --lnd-gold-light: #fef8e7;
  --lnd-gold-border: #f3e2b2;

  /* Neutral & Dark Palette */
  --lnd-dark-text: #1a202c;
  --lnd-body-text: #4a5568;
  --lnd-muted-text: #718096;
  --lnd-light-text: #a0aec0;
  --lnd-white: #ffffff;
  
  /* Background Surfaces */
  --lnd-bg-page: #f8fafc;
  --lnd-bg-card: #ffffff;
  --lnd-bg-alt: #f1f5f9;
  --lnd-bg-subtle: #fafbfd;

  /* Borders & Dividers */
  --lnd-border-color: #e2e8f0;
  --lnd-border-light: #edf2f7;
  --lnd-border-focus: #8b181b;

  /* Typography */
  --lnd-font-main: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --lnd-font-serif: 'Merriweather', Georgia, 'Times New Roman', serif;

  /* Elevations & Shadows */
  --lnd-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
  --lnd-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.06);
  --lnd-shadow-md: 0 6px 16px rgba(15, 30, 54, 0.08);
  --lnd-shadow-lg: 0 12px 28px rgba(15, 30, 54, 0.12);
  --lnd-shadow-xl: 0 20px 38px rgba(15, 30, 54, 0.16);

  /* Border Radii */
  --lnd-radius-xs: 4px;
  --lnd-radius-sm: 8px;
  --lnd-radius-md: 12px;
  --lnd-radius-lg: 16px;
  --lnd-radius-xl: 24px;
  --lnd-radius-full: 9999px;

  /* Spacing System */
  --lnd-space-1: 4px;
  --lnd-space-2: 8px;
  --lnd-space-3: 12px;
  --lnd-space-4: 16px;
  --lnd-space-5: 20px;
  --lnd-space-6: 24px;
  --lnd-space-8: 32px;
  --lnd-space-10: 40px;
  --lnd-space-12: 48px;
  --lnd-space-16: 64px;
  --lnd-space-20: 80px;

  /* Transitions */
  --lnd-transition-fast: 0.2s ease;
  --lnd-transition-normal: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  --lnd-transition-slow: 0.5s ease-in-out;
}