:root {
    --color-heading: #312e81;
    --color-muted: #9ca3af;
    --color-text: #1f2937;
    --color-text-secondary: #374151;
    --color-text-tertiary: #4b5563;
    --color-text-quaternary: #6b7280;

    --color-accent: #8E54C5;
    --color-accent-hover: #7a3fb8;
    --color-accent-bg: #f3e8ff;
    --color-accent-disabled: #d4c5f0;

    --color-border: #e5e7eb;
    --color-surface: #ffffff;
    --color-surface-alt: #f9fafb;

    --color-warn: #f97316;
    --color-warn-alt: #ea580c;
    --color-success: #059669;
    --color-info: #93c5fd;

    --gradient-page: linear-gradient(135deg, #EFF6FF 0%, #E0E7FF 100%);
    --gradient-card: linear-gradient(135deg, #eef2ff 0%, #f3e8ff 100%);
    --gradient-suggest: linear-gradient(135deg, #dbeafe 0%, #e0e7ff 100%);

    --radius-sm: 0.5rem;
    --radius-md: 0.75rem;
    --radius-lg: 1rem;
    --radius-pill: 9999px;

    --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.1);
    --shadow-btn: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-btn-hover: 0 6px 12px rgba(0, 0, 0, 0.15);

    --duration-fast: 200ms;
    --duration-normal: 300ms;

    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}