/* Explain: Theme tokens with a white background and brand colors. - */
:root {
    --primary-color: #4F46E5;
    --primary-hover: #4338CA;
    --secondary-color: #9333EA;
    --accent-color: #8B5CF6;
    --background-color: #FFFFFF;
    --surface-color: #F8FAFC;
    --surface-elevated: #FFFFFF;
    --glass-color: rgba(255, 255, 255, 0.85);
    --text-color: #0F172A;
    --text-muted: #475569;
    --graphite-color: #94A3B8;
    --border-color: rgba(15, 23, 42, 0.1);
    --code-bg: #1E293B;
    --success-soft: rgba(34, 197, 94, 0.14);
    --cyan-soft: rgba(6, 182, 212, 0.14);
    --shadow-glow: 0 10px 40px rgba(79, 70, 229, 0.08);
    --shadow-green: 0 10px 40px rgba(34, 197, 94, 0.08);
    --radius-lg: 28px;
    --radius-md: 18px;
    --radius-sm: 12px;
    --font-heading: 'JetBrains Mono', monospace;
    --font-body: 'Inter', sans-serif;
}