/* ============================================================================
   Sree — Typography tokens
   SOURCE OF TRUTH: Sree-app/lib/common/app_text_styles.dart → Roboto for all
   app/UI text. Poppins is the display/marketing face (Sree-documentation).
   Noto Serif Devanagari only for Sanskrit/Devanagari strings.
   ============================================================================ */
:root {
  --sree-font-sans: "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
  --sree-font-display: "Poppins", "Roboto", system-ui, sans-serif;
  --sree-font-sacred: var(--sree-font-display);
  --sree-font-serif: var(--sree-font-display);
  --sree-font-devanagari: "Noto Serif Devanagari", serif;

  /* Weights (Roboto ships 300–700) */
  --sree-weight-light: 300;
  --sree-weight-regular: 400;
  --sree-weight-medium: 500;
  --sree-weight-semibold: 600;
  --sree-weight-bold: 700;
  --sree-weight-display: 600;

  /* Type scale — matches AppTextStyles (px) */
  --sree-text-display-lg: 2rem;      /* 32 · displayLarge · Bold */
  --sree-text-display-md: 1.75rem;   /* 28 · displayMedium · SemiBold */
  --sree-text-display-sm: 1.5rem;    /* 24 · displaySmall · SemiBold */
  --sree-text-headline: 1.375rem;    /* 22 · headlineLarge */
  --sree-text-xl: 1.25rem;           /* 20 · headlineMedium */
  --sree-text-lg: 1.125rem;          /* 18 · headlineSmall */
  --sree-text-title: 1rem;           /* 16 · titleLarge / bodyLarge */
  --sree-text-md: 1rem;              /* 16 */
  --sree-text-base: 0.875rem;        /* 14 · bodyMedium / titleMedium */
  --sree-text-sm: 0.875rem;          /* 14 */
  --sree-text-xs: 0.75rem;           /* 12 · bodySmall / titleSmall */
  --sree-text-2xs: 0.625rem;         /* 10 · labelSmall */

  /* Website fluid display (Poppins) */
  --sree-text-fluid-display: clamp(2rem, 5vw, 3.25rem);

  --sree-leading-tight: 1.2;
  --sree-leading-snug: 1.4;          /* bodyMedium height */
  --sree-leading-normal: 1.5;        /* bodyLarge height */
  --sree-leading-relaxed: 1.6;

  --sree-tracking-display: -0.01em;
  --sree-tracking-eyebrow: 0.14em;
  --sree-tracking-wide: 0.06em;
}