/* Rasid colors and type: the Android app's Material 3 scheme (ui/theme/Color.kt, Theme.kt).
   primary, secondary and tertiary are Rasid's own; every other role is the Material 3 baseline that
   lightColorScheme() / darkColorScheme() fill in (material3 1.4.0 tokens; the list is in PARITY.md section 7). */

:root,
:root[data-theme="light"] {
  color-scheme: light;
  --primary: #2F6F73;
  --on-primary: #FFFFFF;
  --primary-container: #EADDFF;
  --on-primary-container: #21005D;
  --secondary: #6E5D2E;
  --on-secondary: #FFFFFF;
  --secondary-container: #E8DEF8;
  --on-secondary-container: #1D192B;
  --tertiary: #6A5C7A;
  --on-tertiary: #FFFFFF;
  --tertiary-container: #FFD8E4;
  --on-tertiary-container: #31111D;
  --error: #B3261E;
  --on-error: #FFFFFF;
  --error-container: #F9DEDC;
  --on-error-container: #410E0B;
  --background: #FEF7FF;
  --on-background: #1D1B20;
  --surface: #FEF7FF;
  --on-surface: #1D1B20;
  --surface-variant: #E7E0EC;
  --on-surface-variant: #49454F;
  --outline: #79747E;
  --outline-variant: #CAC4D0;
  --inverse-surface: #322F35;
  --inverse-on-surface: #F5EFF7;
  --inverse-primary: #D0BCFF;
  --surface-container-lowest: #FFFFFF;
  --surface-container-low: #F7F2FA;
  --surface-container: #F3EDF7;
  --surface-container-high: #ECE6F0;
  --surface-container-highest: #E6E0E9;
  --scrim: #000000;
  --launcher: #216A64;
  --shadow: 0 1px 2px rgb(0 0 0 / 0.08), 0 2px 6px rgb(0 0 0 / 0.06);
  --shadow-high: 0 4px 10px rgb(0 0 0 / 0.10), 0 12px 32px rgb(0 0 0 / 0.12);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --primary: #8FD0D2;
    --on-primary: #381E72;
    --primary-container: #4F378B;
    --on-primary-container: #EADDFF;
    --secondary: #D7C384;
    --on-secondary: #332D41;
    --secondary-container: #4A4458;
    --on-secondary-container: #E8DEF8;
    --tertiary: #D3BDE8;
    --on-tertiary: #492532;
    --tertiary-container: #633B48;
    --on-tertiary-container: #FFD8E4;
    --error: #F2B8B5;
    --on-error: #601410;
    --error-container: #8C1D18;
    --on-error-container: #F9DEDC;
    --background: #141218;
    --on-background: #E6E0E9;
    --surface: #141218;
    --on-surface: #E6E0E9;
    --surface-variant: #49454F;
    --on-surface-variant: #CAC4D0;
    --outline: #938F99;
    --outline-variant: #49454F;
    --inverse-surface: #E6E0E9;
    --inverse-on-surface: #322F35;
    --inverse-primary: #6750A4;
    --surface-container-lowest: #0F0D13;
    --surface-container-low: #1D1B20;
    --surface-container: #211F26;
    --surface-container-high: #2B2930;
    --surface-container-highest: #36343B;
    --shadow: 0 1px 2px rgb(0 0 0 / 0.4), 0 2px 6px rgb(0 0 0 / 0.3);
    --shadow-high: 0 4px 12px rgb(0 0 0 / 0.5), 0 16px 40px rgb(0 0 0 / 0.5);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --primary: #8FD0D2;
  --on-primary: #381E72;
  --primary-container: #4F378B;
  --on-primary-container: #EADDFF;
  --secondary: #D7C384;
  --on-secondary: #332D41;
  --secondary-container: #4A4458;
  --on-secondary-container: #E8DEF8;
  --tertiary: #D3BDE8;
  --on-tertiary: #492532;
  --tertiary-container: #633B48;
  --on-tertiary-container: #FFD8E4;
  --error: #F2B8B5;
  --on-error: #601410;
  --error-container: #8C1D18;
  --on-error-container: #F9DEDC;
  --background: #141218;
  --on-background: #E6E0E9;
  --surface: #141218;
  --on-surface: #E6E0E9;
  --surface-variant: #49454F;
  --on-surface-variant: #CAC4D0;
  --outline: #938F99;
  --outline-variant: #49454F;
  --inverse-surface: #E6E0E9;
  --inverse-on-surface: #322F35;
  --inverse-primary: #6750A4;
  --surface-container-lowest: #0F0D13;
  --surface-container-low: #1D1B20;
  --surface-container: #211F26;
  --surface-container-high: #2B2930;
  --surface-container-highest: #36343B;
  --shadow: 0 1px 2px rgb(0 0 0 / 0.4), 0 2px 6px rgb(0 0 0 / 0.3);
  --shadow-high: 0 4px 12px rgb(0 0 0 / 0.5), 0 16px 40px rgb(0 0 0 / 0.5);
}

/* Material 3 default Typography() in rem, so browser zoom and text size scale everything. */
:root {
  --font: Roboto, "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial,
    "Noto Sans Bengali", "Nirmala UI", "Vrinda", sans-serif;
  --font-display: Roboto, "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial,
    "Noto Sans Bengali", "Nirmala UI", "Vrinda", sans-serif;
  --display-small: 400 2.25rem/2.75rem var(--font-display);
  --headline-medium: 400 1.75rem/2.25rem var(--font-display);
  --headline-small: 400 1.5rem/2rem var(--font-display);
  --title-large: 400 1.375rem/1.75rem var(--font-display);
  --title-medium: 500 1rem/1.5rem var(--font);
  --title-small: 500 0.875rem/1.25rem var(--font);
  --body-large: 400 1rem/1.5rem var(--font);
  --body-medium: 400 0.875rem/1.25rem var(--font);
  --body-small: 400 0.75rem/1rem var(--font);
  --label-large: 500 0.875rem/1.25rem var(--font);
  --label-medium: 500 0.75rem/1rem var(--font);
  --label-small: 500 0.6875rem/1rem var(--font);
  --radius-card: 12px;
  --radius-dialog: 28px;
  --ease: cubic-bezier(0.2, 0, 0, 1);
}