:root {
    /* Typography */
    --tf-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
    /* Colors */
    --tf-bg: #0b0f17;
    --tf-surface: rgba(255,255,255,0.04);
    --tf-surface-2: rgba(255,255,255,0.07);
    --tf-border: rgba(255,255,255,0.10);
    --tf-text: rgba(255,255,255,0.92);
    --tf-muted: rgba(255,255,255,0.62);
    /* Brand accent */
    --tf-accent: #22c55e; /* zielony */
    --tf-accent-2: #4f8cff; /* niebieski pomocniczy */
    /* Status */
    --tf-ok: #22c55e;
    --tf-warn: #f59e0b;
    --tf-bad: #ef4444;
    --tf-info: #60a5fa;
    /* Sizing */
    --tf-radius: 16px;
    --tf-radius-sm: 12px;
    --tf-shadow: 0 14px 40px rgba(0,0,0,0.35);
    --tf-shadow-soft: 0 10px 28px rgba(0,0,0,0.25);
    --tf-container: 1120px;
    --tf-gutter: 20px;
    /* Focus */
    --tf-ring: 0 0 0 3px color-mix(in srgb, var(--tf-accent) 30%, transparent);
}