:root {
    --tp-primary: #6657F5;
    --tp-primary-dark: #5145D8;
    --tp-purple: #8B5CF6;
    --tp-accent: #14B8A6;
    --tp-blue: #3B82F6;
    --tp-primary-rgb: 102, 87, 245;

    --tp-text: #0F172A;
    --tp-text-soft: #475569;
    --tp-muted: #64748B;
    --tp-border: #E2E8F0;
    --tp-bg: #F8FAFC;
    --tp-surface: #FFFFFF;
    --tp-surface-soft: #F1F5F9;

    --tp-gradient: linear-gradient(135deg, #6657F5 0%, #8B5CF6 54%, #14B8A6 100%);
    --tp-gradient-primary: linear-gradient(135deg, #6657F5 0%, #8B5CF6 100%);
    --tp-gradient-soft: linear-gradient(135deg, rgba(102, 87, 245, .12), rgba(20, 184, 166, .10));

    --tp-radius-sm: 8px;
    --tp-radius-md: 14px;
    --tp-radius-lg: 24px;
    --tp-radius-xl: 32px;

    --tp-shadow-sm: 0 6px 20px rgba(15, 23, 42, 0.08);
    --tp-shadow-md: 0 18px 50px rgba(15, 23, 42, 0.14);
    --tp-shadow-lg: 0 32px 90px rgba(48, 39, 126, .18);

    --tp-font-body: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    --tp-font-heading: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;

    --tp-container: 1180px;
    --tp-container-wide: 1320px;
}

[data-theme="dark"] {
    --tp-text: #F8FAFC;
    --tp-text-soft: #CBD5E1;
    --tp-muted: #94A3B8;
    --tp-border: rgba(148, 163, 184, 0.22);
    --tp-bg: #080D1A;
    --tp-surface: #0F172A;
    --tp-surface-soft: #111827;
    --tp-shadow-sm: 0 6px 20px rgba(0, 0, 0, 0.24);
    --tp-shadow-md: 0 22px 70px rgba(0, 0, 0, 0.38);
}