/* tokens.css - Design Tokens for SchoolAid Platform (Apple Liquid Glass) */
:root {
  /* Color Palette - Apple Liquid Glass */
  --color-canvas: #f6f8fb;
  --color-surface: rgba(255, 255, 255, 0.78);
  --color-surface-solid: #ffffff;
  --color-surface-subtle: rgba(248, 250, 252, 0.75);
  --color-border: rgba(226, 232, 240, 0.85);
  --color-border-hover: rgba(203, 213, 225, 0.9);
  --color-border-focus: #10b981;

  /* Liquid Glass Core Tokens */
  --lg-bg-canvas: #f6f8fb;
  --lg-bg-card: rgba(255, 255, 255, 0.76);
  --lg-bg-card-hover: rgba(255, 255, 255, 0.9);
  --lg-bg-nav: rgba(255, 255, 255, 0.84);
  --lg-bg-interactive: rgba(255, 255, 255, 0.65);
  --lg-bg-scrim: rgba(15, 23, 42, 0.45);
  --lg-bg-emergency: rgba(254, 242, 242, 0.85);
  --lg-bg-gold: rgba(254, 249, 195, 0.88);

  /* Blur & Optical Refraction */
  --lg-blur-sm: 8px;
  --lg-blur-md: 16px;
  --lg-blur-lg: 24px;
  --lg-blur-xl: 32px;
  --lg-saturate: 185%;

  /* Specular Hairline Borders */
  --lg-border-specular: 1px solid rgba(255, 255, 255, 0.75);
  --lg-border-subtle: 1px solid rgba(226, 232, 240, 0.75);
  --lg-border-emergency: 1.5px solid rgba(248, 113, 113, 0.45);
  --lg-border-gold: 1.5px solid rgba(245, 158, 11, 0.4);

  /* Primary Emerald Brand (Growth, Charity, Trust) */
  --color-primary: #059669;
  --color-primary-hover: #047857;
  --color-primary-light: rgba(236, 253, 245, 0.85);
  --color-primary-dark: #065f46;

  /* Emergency Red */
  --color-emergency: #dc2626;
  --color-emergency-light: rgba(254, 242, 242, 0.85);
  --color-emergency-border: rgba(254, 202, 202, 0.9);

  /* Secondary Accent (Volunteer/Craftsman Blue) */
  --color-accent: #0284c7;
  --color-accent-light: rgba(240, 249, 255, 0.85);

  /* Typography Colors */
  --color-text-main: #0f172a;
  --color-text-body: #334155;
  --color-text-muted: #64748b;
  --color-text-inverse: #ffffff;

  /* Typography Scale */
  --font-sans: 'Vazirmatn', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --text-2xs: 11px;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 15px;
  --text-lg: 17px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 30px;

  /* Radius Tokens */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-card: 24px;
  --radius-sheet: 32px;
  --radius-pill: 9999px;

  /* Apple Elevation & Ambient Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
  --shadow-md: 0 4px 12px -1px rgba(15, 23, 42, 0.05), inset 0 1px 1px 0 rgba(255, 255, 255, 0.85);
  --shadow-lg: 0 12px 28px -4px rgba(15, 23, 42, 0.08), inset 0 1px 1px 0 rgba(255, 255, 255, 0.9);
  --shadow-sheet: 0 -12px 40px -5px rgba(15, 23, 42, 0.15);
  --shadow-floating-nav: 0 10px 36px 0 rgba(15, 23, 42, 0.12), 0 2px 8px 0 rgba(15, 23, 42, 0.04), inset 0 1px 1.5px 0 rgba(255, 255, 255, 0.95);

  /* Touch & Geometry */
  --max-content-width: 640px;
  --min-touch-height: 50px;
  --transition-fast: 0.18s ease;
  --transition-spring: 0.35s cubic-bezier(0.32, 0.72, 0, 1);
}