:root {
    --font-sans: "Inter", "Segoe UI", Arial, sans-serif;

    --bg: #0b1220;
    --bg-soft: #111827;
    --surface: #172033;
    --surface-soft: #1f2937;
    --surface-strong: #243146;

    --text: #e5e7eb;
    --text-muted: #9ca3af;
    --text-soft: rgba(229, 231, 235, 0.82);
    --white: #ffffff;
    --black: #0b1220;

    --primary: #38bdf8;
    --primary-hover: #0ea5e9;
    --primary-strong: #0284c7;

    --accent: #2dd4bf;
    --accent-hover: #14b8a6;

    --success: #22c55e;
    --danger: #ef4444;
    --warning: #f59e0b;

    --border: rgba(255, 255, 255, 0.10);
    --border-strong: rgba(255, 255, 255, 0.18);

    --shadow-sm: 0 10px 24px rgba(0, 0, 0, 0.18);
    --shadow-md: 0 16px 40px rgba(0, 0, 0, 0.28);
    --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.35);

    --radius-sm: 0.75rem;
    --radius-md: 1rem;
    --radius-lg: 1.25rem;
    --radius-pill: 999px;

    --max-width: 1200px;
    --section-padding: 5rem;
    --header-height: 88px;
}