/* ЭКОкиловатт — токены. Источник: tokens.json */
:root {
  --font-display: 'PT Mono', 'Courier New', monospace;
  --font-body: Manrope, 'Segoe UI', Arial, sans-serif;
  --fs-xs: 13px;
  --fs-sm: 15px;
  --fs-md: 17px;
  --fs-lg: 20px;
  --fs-xl: 26px;
  --fs-2xl: 34px;
  --fs-3xl: 46px;
  --fs-4xl: 60px;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-display: 0.2em;
  --r-pill: 999px;
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
}
:root, [data-theme="light"] {
  --c-bg: #F7F3EA;
  --c-surface: #FFFFFF;
  --c-surface-2: #EEE9DE;
  --c-border: #DCD6C9;
  --c-ink: #0E1A2B;
  --c-ink-2: #4E5A66;
  --c-accent: #4C7A00;
  --c-accent-fill: #C8FF3D;
  --c-accent-ink: #0B100D;
  --c-link: #4C7A00;
  --c-display-body: #0B100D;
  --c-display-edge: #2C3630;
  --c-display-glow: #C8FF3D;
  --c-display-muted: #7F8F86;
  --c-success: #2E7D32;
  --c-warning: #B26A00;
  --c-danger: #C62828;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --c-bg: #0E1A2B;
    --c-surface: #15243A;
    --c-surface-2: #1C2E48;
    --c-border: #2A3D58;
    --c-ink: #F7F3EA;
    --c-ink-2: #A9B4C0;
    --c-accent: #C8FF3D;
    --c-accent-fill: #C8FF3D;
    --c-accent-ink: #0B100D;
    --c-link: #C8FF3D;
    --c-display-body: #0B100D;
    --c-display-edge: #2C3630;
    --c-display-glow: #C8FF3D;
    --c-display-muted: #7F8F86;
    --c-success: #66BB6A;
    --c-warning: #FFB74D;
    --c-danger: #EF5350;
  }
}
[data-theme="dark"] {
  --c-bg: #0E1A2B;
  --c-surface: #15243A;
  --c-surface-2: #1C2E48;
  --c-border: #2A3D58;
  --c-ink: #F7F3EA;
  --c-ink-2: #A9B4C0;
  --c-accent: #C8FF3D;
  --c-accent-fill: #C8FF3D;
  --c-accent-ink: #0B100D;
  --c-link: #C8FF3D;
  --c-display-body: #0B100D;
  --c-display-edge: #2C3630;
  --c-display-glow: #C8FF3D;
  --c-display-muted: #7F8F86;
  --c-success: #66BB6A;
  --c-warning: #FFB74D;
  --c-danger: #EF5350;
}

@font-face { font-family: "PT Mono"; src: url("/assets/fonts/PTM55FT.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: Manrope; src: url("/assets/fonts/Manrope.ttf") format("truetype"); font-weight: 200 800; font-display: swap; }

/* Цвета графиков: солнце, ветер */
:root, [data-theme="light"] { --c-sun: #9A6A00; --c-wind: #1F6FB5; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --c-sun: #FFC93D; --c-wind: #5BB4FF; } }
[data-theme="dark"] { --c-sun: #FFC93D; --c-wind: #5BB4FF; }
:root { --c-display-text: #F7F3EA; }