/**
 * LMIS Government Design System — Tokens
 * Phase 2: Light mode visual foundation only.
 */

:root {
  /* Brand */
  --gov-primary: #0B5C3B;
  --gov-primary-dark: #083F2A;
  --gov-secondary: #1A7A56;
  --gov-accent: #C4A35A;

  /* Surfaces */
  --gov-bg: #F5F7F6;
  --gov-surface: #FFFFFF;
  --gov-text: #1A2421;
  --gov-muted: #5C6B66;
  --gov-border: #DCE4E0;

  /* Semantic (light only) */
  --gov-success: #1B7A4E;
  --gov-warning: #B8860B;
  --gov-danger: #B42318;
  --gov-info: #1769AA;

  /* On-brand text */
  --gov-on-primary: #FFFFFF;
  --gov-on-accent: #1A2421;

  /* Typography scale */
  --gov-font-sans: 'Cairo', 'Poppins', 'Open Sans', Tahoma, sans-serif;
  --gov-font-display: 'Cairo', 'Amiri', Tahoma, sans-serif;
  --gov-fs-xs: 0.75rem;
  --gov-fs-sm: 0.875rem;
  --gov-fs-base: 1rem;
  --gov-fs-md: 1.125rem;
  --gov-fs-lg: 1.25rem;
  --gov-fs-xl: 1.5rem;
  --gov-fs-2xl: 1.875rem;
  --gov-fs-3xl: 2.25rem;
  --gov-lh-tight: 1.3;
  --gov-lh-base: 1.6;
  --gov-fw-regular: 400;
  --gov-fw-medium: 500;
  --gov-fw-semibold: 600;
  --gov-fw-bold: 700;

  /* Spacing (4px base) */
  --gov-space-1: 0.25rem;
  --gov-space-2: 0.5rem;
  --gov-space-3: 0.75rem;
  --gov-space-4: 1rem;
  --gov-space-5: 1.25rem;
  --gov-space-6: 1.5rem;
  --gov-space-8: 2rem;
  --gov-space-10: 2.5rem;
  --gov-space-12: 3rem;
  --gov-space-16: 4rem;

  /* Radius */
  --gov-radius-sm: 0.25rem;
  --gov-radius: 0.375rem;
  --gov-radius-md: 0.5rem;
  --gov-radius-lg: 0.75rem;
  --gov-radius-pill: 999px;

  /* Shadows */
  --gov-shadow-sm: 0 1px 2px rgba(8, 63, 42, 0.06);
  --gov-shadow: 0 4px 12px rgba(8, 63, 42, 0.08);
  --gov-shadow-md: 0 8px 24px rgba(8, 63, 42, 0.1);
  --gov-shadow-header: 0 2px 10px rgba(8, 63, 42, 0.08);

  /* Layout */
  --gov-container: 1200px;
  --gov-container-wide: 1400px;
  --gov-header-brand-h: 4.5rem;
  --gov-nav-h: 3.25rem;
  --gov-z-header: 1030;
  --gov-z-nav: 1020;

  /* Breakpoints documented for reference:
     sm 576 | md 768 | lg 992 | xl 1200 | xxl 1400 */

  /* Bridge: map legacy theme variables to government palette */
  --dark-blue-color: var(--gov-primary-dark);
  --main-blue-color: var(--gov-primary);
  --mid-blue-color: var(--gov-secondary);
  --light-blue-color: #3D9A70;
  --lighter-blue-color: #E8F2EC;

  --dark-orange-color: #9A7A2F;
  --main-orange-color: var(--gov-accent);
  --mid-orange-color: #D4B96F;
  --light-orange-color: #F5EDD8;
}