/* Calc-Factory · design tokens — нейтральная база для новых калькуляторов (theme-aware). */
:root {
  --cf-bg: #ffffff;
  --cf-surface: #f6f8fa;
  --cf-ink: #0f172a;
  --cf-txt: #334155;
  --cf-muted: #64748b;
  --cf-line: #e2e8f0;
  --cf-accent: #1d4ed8;
  --cf-accent-ink: #ffffff;
  --cf-ok: #15803d;
  --cf-warn: #b45309;
  --cf-warn-bg: #fffbeb;
  --cf-err: #b91c1c;
  --cf-err-bg: #fef2f2;
  --cf-radius: 10px;
  --cf-gap: 16px;
  --cf-font: "PT Root UI", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  /* дашборд-ручки отрасли (амплитуда, не пропорции) — дефолты, тема может переопределить */
  --cf-fs-base: 16px;                 /* базовый кегль — вся типо-шкала считается от него в components */
  --cf-accent-2: #2563eb;             /* второй акцент: дельты / градиент hero (опц.) */
  --cf-shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .04);
  --cf-shadow-lg: 0 4px 12px rgba(15, 23, 42, .10);
  /* тематический слой — нейтральные дефолты (тема отрасли переопределяет) */
  --cf-page-bg: var(--cf-bg);
  --cf-topbar-bg: linear-gradient(120deg, #0f172a, #1e293b);
  --cf-topbar-ink: #f1f5f9;
  --cf-brand-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='8' fill='%231d4ed8'/%3E%3Cg fill='%23ffffff'%3E%3Crect x='8' y='7' width='16' height='5' rx='1.5'/%3E%3Ccircle cx='10.5' cy='17.5' r='2'/%3E%3Ccircle cx='16' cy='17.5' r='2'/%3E%3Ccircle cx='21.5' cy='17.5' r='2'/%3E%3Ccircle cx='10.5' cy='23.5' r='2'/%3E%3Ccircle cx='16' cy='23.5' r='2'/%3E%3Ccircle cx='21.5' cy='23.5' r='2'/%3E%3C/g%3E%3C/svg%3E");
  --cf-hero-bg: color-mix(in srgb, var(--cf-accent) 8%, var(--cf-surface));
}
@media (prefers-color-scheme: dark) {
  :root {
    --cf-bg: #0b1120;
    --cf-surface: #111827;
    --cf-ink: #f1f5f9;
    --cf-txt: #cbd5e1;
    --cf-muted: #94a3b8;
    --cf-line: #1f2937;
    --cf-accent: #3b82f6;
    --cf-accent-2: #60a5fa;
    --cf-warn-bg: #2a2411;
    --cf-err-bg: #2a1414;
    --cf-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    --cf-shadow-lg: 0 6px 18px rgba(0, 0, 0, .5);
    --cf-topbar-bg: linear-gradient(120deg, #0a101d, #162133);
  }
}