/* ============================================================= AURORA / дизайн-токены (адаптировано под ШТУРМАН) iOS-эстетика: тёплый оранжевый акцент, мягкие карточки. Светлая — по умолчанию; [data-theme="dark"] на — тёмная. Все компоненты используют только токены ниже. ============================================================= */ :root { /* ---------- палитра: СВЕТЛАЯ ---------- */ --bg: #F4F2EE; --surface: #FFFFFF; --surface-2: #ECEAE4; --surface-glass: rgba(255,255,255,0.72); --fg: #0B0B0B; --fg-muted: #5C5B57; --fg-dim: #8E8C85; --fg-inverse: #FFFFFF; --border: rgba(11,11,11,0.10); --border-strong: rgba(11,11,11,0.18); --divider: rgba(11,11,11,0.06); --accent: #FF6A3D; --accent-on: #FFFFFF; --accent-soft: #FFE5D8; --accent-press: #E25826; --success: #1F8F4E; --warn: #B57E00; --danger: #C8261E; --info: #1A56D6; /* статусы задач (точки/акценты) */ --st-inbox: #9AA3B2; --st-today: #2D74FF; --st-doing: #FF9F0A; --st-done: #1FBF55; /* ---------- типографика ---------- */ --font-sans: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter', 'Segoe UI', system-ui, sans-serif; --font-display: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif; --font-mono: ui-monospace, 'SF Mono', 'JetBrains Mono', Menlo, monospace; --fs-11: 11px; --fs-12: 12px; --fs-13: 13px; --fs-14: 14px; --fs-15: 15px; --fs-17: 17px; --fs-20: 20px; --fs-22: 22px; --fs-28: 28px; --fs-34: 34px; --lh-tight: 1.12; --lh-snug: 1.25; --lh-base: 1.45; /* ---------- геометрия ---------- */ --r-sm: 10px; --r-md: 14px; --r-lg: 20px; --r-xl: 28px; --r-pill: 9999px; /* ---------- тени ---------- */ --shadow-card: 0 1px 0 rgba(11,11,11,0.04), 0 8px 24px rgba(11,11,11,0.06); --shadow-float: 0 10px 30px rgba(11,11,11,0.12), 0 2px 4px rgba(11,11,11,0.04); --shadow-press: 0 1px 2px rgba(11,11,11,0.10); /* ---------- отступы ---------- */ --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px; --s-7: 32px; --s-8: 48px; --safe-top: env(safe-area-inset-top); --safe-bot: env(safe-area-inset-bottom); } /* ============ ТЁМНАЯ ТЕМА ============ */ [data-theme="dark"] { --bg: #000000; --surface: #161616; --surface-2: #1F1F1F; --surface-glass: rgba(28,28,28,0.78); --fg: #F5F4F0; --fg-muted: #A8A6A0; --fg-dim: #6B6963; --fg-inverse: #0B0B0B; --border: rgba(255,255,255,0.10); --border-strong: rgba(255,255,255,0.18); --divider: rgba(255,255,255,0.07); --accent: #FF6A3D; --accent-on: #FFFFFF; --accent-soft: #3A1B0E; --accent-press: #FF8054; --success: #4ADE80; --warn: #FACC15; --danger: #F87171; --info: #60A5FA; --st-inbox: #8B93A1; --st-today: #60A5FA; --st-doing: #FBBF24; --st-done: #4ADE80; --shadow-card: 0 1px 0 rgba(0,0,0,0.4), 0 12px 28px rgba(0,0,0,0.45); --shadow-float: 0 16px 40px rgba(0,0,0,0.6), 0 4px 8px rgba(0,0,0,0.3); --shadow-press: 0 1px 2px rgba(0,0,0,0.5); } /* ============ RESET ============ */ *, *::before, *::after { box-sizing: border-box; -webkit-tap-highlight-color: transparent; } html, body { margin: 0; background: var(--bg); color: var(--fg); font-family: var(--font-sans); font-size: var(--fs-15); line-height: var(--lh-base); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } button, input, textarea, select { font: inherit; color: inherit; background: none; border: 0; padding: 0; } button { cursor: pointer; } ::selection { background: var(--accent); color: var(--accent-on); } .num, time { font-variant-numeric: tabular-nums; }