/* Design tokens for EPI Sindh website — colors, type, spacing, radius, shadow */
:root {
  /* Colors */
  --color-primary: #006241;
  --color-accent: #00754A;
  --color-dark: #1E3932;
  --color-mid: #2b5148;
  --color-mint: #d4e9e2;
  --color-canvas: #f2f0eb;
  --color-surface: #ffffff;
  --color-surface-soft: #f9f9f9;
  --color-border: #edeae5;
  --color-border-soft: #ede9e3;
  --color-text: rgba(0, 0, 0, .87);
  --color-text-soft: rgba(0, 0, 0, .58);
  --color-text-white: #ffffff;
  --color-text-white-soft: rgba(255, 255, 255, .7);
  --color-error: #c82014;
  --color-warning: #fbbc05;

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

  --text-1: 13px;
  --text-2: 14px;
  --text-3: 16px;
  --text-4: 19px;
  --text-5: 24px;
  --text-6: 28px;
  --text-7: 32px;
  --text-8: 36px;
  --text-9: 45px;
  --text-10: 50px;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  --tracking-tight: -0.16px;
  --tracking-normal: -0.01em;
  --tracking-loose: 0.10em;
  --tracking-looser: 0.15em;

  --leading-tight: 1.2;
  --leading-normal: 1.5;
  --leading-loose: 1.75;

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 40px;
  --space-7: 48px;
  --space-8: 56px;
  --space-9: 64px;

  /* Containers */
  --container-sm: 343px;
  --container-md: 500px;
  --container-lg: 720px;
  --container-xl: 1280px;
  --container-padding: 32px;

  /* Radius */
  --radius-pill: 50px;
  --radius-card-sm: 12px;
  --radius-card-lg: 24px;
  --radius-circle: 50%;

  /* Shadows */
  --shadow-card: 0 4px 32px rgba(0, 0, 0, .07);
  --shadow-card-sm: 0 1px 6px rgba(0, 0, 0, .05);
  --shadow-nav: 0 2px 14px rgba(0, 0, 0, .07);
  --shadow-hover: 0 10px 30px rgba(0, 0, 0, .13);

  /* Motion */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: .18s;
  --duration-base: .22s;
  --duration-slow: .3s;
}