/* Единственное место с цветами, шрифтами, радиусами и отступами (ТЗ, раздел 7.1). */

@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-cyrillic-wght-normal.e58febde317b.woff2") format("woff2");
  font-weight: 200 800;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-latin-wght-normal.938c6e8019b6.woff2") format("woff2");
  font-weight: 200 800;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Unbounded";
  src: url("../fonts/unbounded-cyrillic-wght-normal.3a5ed4d11365.woff2") format("woff2");
  font-weight: 200 900;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Unbounded";
  src: url("../fonts/unbounded-latin-wght-normal.8616dc355070.woff2") format("woff2");
  font-weight: 200 900;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --font-heading: "Unbounded", sans-serif;
  --font-body: "Manrope", sans-serif;
  --radius-card: 14px;
  --radius-control: 10px;
  --border-width: 1px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 40px;
  --content-width: 720px;

  color-scheme: light;
  --bg: #F5F4FA;
  --surface: #FFFFFF;
  --border: #E2DFEE;
  --text: #1A1830;
  --text-muted: #5F5B73;
  --action: #0D8A7C;
  --on-action: #FFFFFF;
  --brand: #6E4FD6;
  --brand-soft: #ECE7FC;
  --brand-text: #4A31A8;
  --attention: #FF8A3D;
  --on-attention: #1C0D03;
  --attention-soft: #FFEBDC;
  --attention-text: #8F3A07;
  --danger: #C62828;
  --activity-0: #E8E6F0;
  --activity-1: #B4E9DF;
  --activity-2: #6FD3C2;
  --activity-3: #1FA897;
  --activity-4: #0D8A7C;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #0E1322;
    --surface: #171F35;
    --border: #26304C;
    --text: #E9EDF6;
    --text-muted: #8C95AE;
    --action: #2DD4BF;
    --on-action: #0E1322;
    --brand: #A78BFA;
    --brand-soft: #2B2550;
    --brand-text: #D6CBFF;
    --attention: #FF8A3D;
    --on-attention: #1C0D03;
    --attention-soft: #3A2312;
    --attention-text: #FFD3B0;
    --danger: #F87171;
    --activity-0: #1C2540;
    --activity-1: #134E4A;
    --activity-2: #0F766E;
    --activity-3: #14B8A6;
    --activity-4: #5EEAD4;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0E1322;
  --surface: #171F35;
  --border: #26304C;
  --text: #E9EDF6;
  --text-muted: #8C95AE;
  --action: #2DD4BF;
  --on-action: #0E1322;
  --brand: #A78BFA;
  --brand-soft: #2B2550;
  --brand-text: #D6CBFF;
  --attention: #FF8A3D;
  --on-attention: #1C0D03;
  --attention-soft: #3A2312;
  --attention-text: #FFD3B0;
  --danger: #F87171;
  --activity-0: #1C2540;
  --activity-1: #134E4A;
  --activity-2: #0F766E;
  --activity-3: #14B8A6;
  --activity-4: #5EEAD4;
}