/* Дизайн-токены «Сделай сейчас». Тема по умолчанию системная; принудительно — атрибутом data-theme="light" | "dark" на . */ :root { --bg: #f5f6f8; --surface: #ffffff; --surface-2: #eef0f3; --text: #1a1d23; --muted: #667085; --border: #e2e5ea; --accent: #0f7b6c; --accent-soft: #e3f3ef; --on-accent: #ffffff; --danger: #c93b3b; --danger-soft: #fdecec; --warn: #a8660f; --warn-soft: #fcf3e3; --box-today: #c93b3b; /* «Надо сегодня» */ --box-week: #b7791f; /* «Можно сегодня, надо на неделе» */ --box-next: #3b7dd8; /* «Надо на следующей неделе» */ --box-later: #7a8699; /* «Надо, но не скоро» */ --shadow: 0 1px 2px rgb(16 24 40 / 6%), 0 2px 6px rgb(16 24 40 / 6%); --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* Шкала шрифтов (ROADMAP 9.2): других размеров в CSS не заводим */ --fs-2xs: 0.6875rem; /* 11 — значки-счётчики, подписи нижнего меню */ --fs-xs: 0.75rem; /* 12 — служебные подписи, время */ --fs-sm: 0.8125rem; /* 13 — чипы, подсказки */ --fs-md: 0.875rem; /* 14 — второстепенный текст */ --fs-base: 0.9375rem;/* 15 — строки списков */ --fs-body: 1rem; /* 16 — основной текст */ --fs-lg: 1.0625rem; /* 17 — заголовки карточек */ --fs-xl: 1.25rem; /* 20 — заголовки разделов */ --fs-2xl: 1.5rem; /* 24 — заголовки экранов */ --fs-3xl: 2rem; /* 32 — крупные числа */ /* Шкала отступов: всё кратно 2, основные шаги — 4, 8, 12, 16, 24 */ --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-6: 24px; --press: scale(0.97); /* отклик на нажатие */ --radius: 14px; --radius-sm: 10px; --tabbar-h: 64px; --sidebar-w: 248px; --content-w: 760px; /* В APK Capacitor (SystemBars, insetsHandling: css) подставляет --safe-area-inset-*, в браузере работает env() */ --safe-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px)); --safe-right: var(--safe-area-inset-right, env(safe-area-inset-right, 0px)); --safe-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)); --safe-left: var(--safe-area-inset-left, env(safe-area-inset-left, 0px)); color-scheme: light; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg: #0f1115; --surface: #171a20; --surface-2: #1f232b; --text: #e8eaef; --muted: #98a2b3; --border: #2a2f39; --accent: #3cc3a5; --accent-soft: #15312b; --on-accent: #062a23; --danger: #f07171; --danger-soft: #3a1c1f; --warn: #e5b35a; --warn-soft: #30281a; --box-today: #f07171; --box-week: #e5b35a; --box-next: #7aa7f0; --box-later: #98a2b3; --shadow: none; color-scheme: dark; } } :root[data-theme="dark"] { --bg: #0f1115; --surface: #171a20; --surface-2: #1f232b; --text: #e8eaef; --muted: #98a2b3; --border: #2a2f39; --accent: #3cc3a5; --accent-soft: #15312b; --on-accent: #062a23; --danger: #f07171; --danger-soft: #3a1c1f; --warn: #e5b35a; --warn-soft: #30281a; --box-today: #f07171; --box-week: #e5b35a; --box-next: #7aa7f0; --box-later: #98a2b3; --shadow: none; color-scheme: dark; }