/* Material 3 дизайн-токены, порт из Theme.kt Android-приложения */
:root {
  /* Light scheme */
  --color-primary: #1565C0;
  --color-primary-container: #D1E4FF;
  --color-on-primary: #FFFFFF;
  --color-on-primary-container: #001D36;
  --color-secondary: #43A047;
  --color-secondary-container: #C8E6C9;
  --color-on-secondary: #FFFFFF;
  --color-error: #BA1A1A;
  --color-on-error: #FFFFFF;
  --color-background: #FBFCFF;
  --color-surface: #FFFFFF;
  --color-surface-variant: #E1E2EC;
  --color-on-surface: #1A1C1E;
  --color-on-surface-variant: #44474E;
  --color-outline: #74777F;
  --color-highlight: #FFEE58;
  --color-uncertain-bg: rgba(255, 138, 101, 0.25);

  /* Spacing — кратно 4 */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;
  --spacing-2xl: 32px;

  /* Радиусы */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* Тени */
  --shadow-1: 0 1px 2px rgba(0,0,0,0.04), 0 1px 3px rgba(0,0,0,0.06);
  --shadow-2: 0 2px 4px rgba(0,0,0,0.06), 0 4px 8px rgba(0,0,0,0.08);

  /* Типографика */
  --font-family: 'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fs-display: 2.25rem;
  --fs-title: 1.375rem;
  --fs-subtitle: 1.125rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-tiny: 0.75rem;
  --lh-tight: 1.2;
  --lh-normal: 1.5;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-primary: #9ECAFF;
    --color-primary-container: #00497D;
    --color-on-primary: #003258;
    --color-on-primary-container: #D1E4FF;
    --color-secondary: #A5D6A7;
    --color-secondary-container: #00531A;
    --color-on-secondary: #003910;
    --color-error: #FFB4AB;
    --color-on-error: #690005;
    --color-background: #0F1115;
    --color-surface: #1A1C1E;
    --color-surface-variant: #2B2D31;
    --color-on-surface: #E2E2E6;
    --color-on-surface-variant: #C4C6CF;
    --color-outline: #8E9099;
    --color-highlight: #FFD54F;
    --color-uncertain-bg: rgba(255, 138, 101, 0.35);
  }
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; height: 100%; }
body {
  font-family: var(--font-family);
  font-size: var(--fs-body);
  line-height: var(--lh-normal);
  background: var(--color-background);
  color: var(--color-on-surface);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 { margin: 0 0 var(--spacing-sm); line-height: var(--lh-tight); font-weight: 500; }
h2 { font-size: var(--fs-title); }
h3 { font-size: var(--fs-subtitle); }
h4 { font-size: var(--fs-body); font-weight: 700; margin-top: var(--spacing-md); }
p { margin: 0 0 var(--spacing-sm); }
a { color: var(--color-primary); }

/* Material Symbols */
.material-symbols-rounded {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  font-size: 22px;
  line-height: 1;
}