/* Explain: Theme design tokens (colors, fonts) with dark mode support. */
:root {
    --primary-color: #111827;
    --primary-hover: #1f2937;
    --secondary-color: #4b5563;
    --accent-color: #e5b35c;
    --accent-hover: #cca052;
    --whatsapp-color: #1b5e3a;
    --whatsapp-hover: #14472c;
    --linkedin-color: #004182;
    --linkedin-hover: #002b56;
    --background-color: #f9fafb;
    --surface-color: #ffffff;
    --text-color: #1f2937;
    --text-muted: #6b7280;
    --border-color: #e5e7eb;
    --font-heading: 'Merriweather', serif;
    --font-body: 'Inter', sans-serif;
}

[data-theme="dark"] {
    --primary-color: #ffffff;
    --primary-hover: #f3f4f6;
    --secondary-color: #cbd5e1;
    --background-color: #0a0a0a;
    --surface-color: #111111;
    --text-color: #f9fafb;
    --text-muted: #9ca3af;
    --border-color: #374151;
    --whatsapp-color: #2e8555;
    --whatsapp-hover: #3fb674;
    --linkedin-color: #004182;
    --linkedin-hover: #0a66c2;
}