/* -------------------------------------------------------- */
/* 🔹 Material Theme                                        */
/* -------------------------------------------------------- */
/* Light color scheme + typography from _buildTextTheme       */
/* Light only — the app's dark scheme is not ported           */
/* Mirrors material_theme.dart                                */


/* -------------------------------------------------------- */
/* 🔹 Light Theme                                           */
/* -------------------------------------------------------- */

:root {
  --color-primary: #2E7045;
  --color-on-primary: #FCFCFB;
  --color-secondary: #2D8442;
  --color-surface: #FCFCFB;
  --color-on-surface: #1B2128;
  --color-outline: #E2E8F0;
  --color-scaffold-bg: #FFFFFF;
}


/* -------------------------------------------------------- */
/* 🔹 Text Theme                                            */
/* -------------------------------------------------------- */
/* Mirrors _buildTextTheme() — the app sets no fontFamily,   */
/* so both use the platform's own UI font. Only the sizes    */
/* the site uses are carried over                            */

:root {
  --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  /* bodySmall — fontSize: 12 */
  --text-body-small: 12px;

  /* bodyMedium — fontSize: 14, height: 1.5 */
  --text-body-medium: 14px;
  --text-body-medium-height: 1.5;

  /* bodyLarge — fontSize: 16, height: 1.5 */
  --text-body-large: 16px;
  --text-body-large-height: 1.5;

  /* titleSmall/Medium/Large share fontWeight: w600 */
  --text-title-weight: 600;

  /* titleMedium — fontSize: 16, fontWeight: w600 */
  --text-title-medium: 16px;

  /* titleLarge — fontSize: 18, fontWeight: w600 */
  --text-title-large: 18px;

  /* headlineMedium — fontSize: 20, fontWeight: w600 */
  --text-headline-medium: 20px;

  /* headlineLarge — fontSize: 24, fontWeight: w700 */
  --text-headline-large: 24px;

  /* displaySmall — fontSize: 34, fontWeight: w700 */
  --text-display-small: 34px;

  /* Website-specific — hero heading, larger than any app text */
  --text-display: 40px;
}