/* -------------------------------------------------------- */
/* 🔹 Material Theme                                        */
/* -------------------------------------------------------- */
/* Material Design 3 light and dark color schemes +         */
/* typography from _buildTextTheme                          */
/* Mirrors material_theme.dart                              */


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

:root {
  --color-primary: #0369A1;
  --color-on-primary: #FCFCFB;
  --color-secondary: #059669;
  --color-primary-container: rgba(3, 105, 161, 0.1);
  --color-surface: #FCFCFB;
  --color-on-surface: #1E293B;
  --color-on-surface-variant: #64748B;
  --color-outline: #E2E8F0;
  --color-scaffold-bg: #F8FAFC;
  --color-divider: var(--color-outline);
}


/* -------------------------------------------------------- */
/* 🔹 Font Face                                             */
/* -------------------------------------------------------- */

@font-face {
  font-family: 'Inter';
  src: url('/assets/fonts/inter.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}


/* -------------------------------------------------------- */
/* 🔹 Text Theme                                            */
/* -------------------------------------------------------- */
/* Mirrors _buildTextTheme()                                */

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

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

  /* 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 — fontSize: 14, fontWeight: w600 */
  --text-title-small: 14px;
  --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: w600 */
  --text-headline-large: 24px;

  /* Website-specific — hero headings (larger than app) */
  --text-display: 40px;
  --text-display-large: 56px;
}