:root {

    --color-primary: #3FA9F5;
    --color-primary-hover: #2E8FD4;

    --color-secondary: #0F172A;

    --color-accent: #F59E0B;
    --color-accent-hover: #D97706;

    --color-bg: #F8FAFC;
}

/* Primary */
.bg-primary { background: var(--color-primary); }
.text-primary { color: var(--color-primary); }
.border-primary { border-color: var(--color-primary); }

/* Accent (R color) */
.bg-accent { background: var(--color-accent); }
.text-accent { color: var(--color-accent); }
.border-accent { border-color: var(--color-accent); }

/* Hover */
.hover\:bg-primary:hover { background: var(--color-primary-hover); }
.hover\:bg-accent:hover { background: var(--color-accent-hover); }