/* Tema Tech — Design tokens */
.tt-theme {
    --tt-font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    --tt-bg-dark: #060a12;
    --tt-bg-dark-2: #0c1220;
    --tt-bg-light: #f0f4f8;
    --tt-bg-white: #ffffff;
    --tt-surface-hover: rgba(255, 255, 255, 0.08);
    --tt-border: rgba(255, 255, 255, 0.1);
    --tt-border-light: rgba(15, 23, 42, 0.07);
    --tt-text-dark: #0b1220;
    --tt-text-muted: #5c6b7f;
    --tt-text-on-dark: #eef2f7;
    --tt-text-on-dark-muted: #94a3b8;
    --tt-accent: #00d4aa;
    --tt-accent-2: #22d3ee;
    --tt-accent-3: #6366f1;
    --tt-accent-glow: rgba(0, 212, 170, 0.4);
    --tt-accent-soft: rgba(0, 212, 170, 0.14);
    --tt-gradient-hero: linear-gradient(145deg, #0e1a2e 0%, #162d4a 42%, #1e3a5c 100%);
    --tt-gradient-mesh:
        radial-gradient(ellipse 80% 60% at 10% 20%, rgba(0, 212, 170, 0.18) 0%, transparent 55%),
        radial-gradient(ellipse 60% 50% at 90% 80%, rgba(34, 211, 238, 0.12) 0%, transparent 50%),
        radial-gradient(ellipse 50% 40% at 70% 10%, rgba(99, 102, 241, 0.08) 0%, transparent 45%);
    --tt-gradient-accent: linear-gradient(135deg, #00d4aa 0%, #22d3ee 55%, #06b6d4 100%);
    --tt-gradient-card: linear-gradient(155deg, rgba(255,255,255,0.09) 0%, rgba(255,255,255,0.03) 100%);
    --tt-gradient-card-border: linear-gradient(135deg, rgba(0,212,170,0.55), rgba(34,211,238,0.25), rgba(255,255,255,0.08));
    --tt-section-py: clamp(5rem, 9vw, 8rem);
    --tt-container-max: 1180px;
    --tt-radius-sm: 0.625rem;
    --tt-radius-md: 1rem;
    --tt-radius-lg: 1.375rem;
    --tt-radius-xl: 2rem;
    --tt-shadow-card: 0 4px 6px rgba(15, 23, 42, 0.02), 0 20px 40px rgba(15, 23, 42, 0.06);
    --tt-shadow-card-hover: 0 8px 16px rgba(15, 23, 42, 0.04), 0 32px 64px rgba(15, 23, 42, 0.12);
    --tt-shadow-glow: 0 0 80px rgba(0, 212, 170, 0.25), 0 0 32px rgba(34, 211, 238, 0.15);
    --tt-shadow-btn: 0 8px 28px rgba(0, 212, 170, 0.35);
    --tt-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --tt-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --tt-duration: 0.4s;
    --tt-header-h: 76px;
}
