/* AlpsCraft Customer Portal — thin additions on top of the shared system.
   Most styling lives in tokens.css + utilities.css + components.css.
   This file exists for portal-only tweaks. */

/* Portal has no Tailwind; re-apply a few Tailwind-named classes that templates
   still use, mapped to our semantic tokens. This lets older markup keep working
   while new markup uses semantic classes like .card, .btn, .input. */

.bg-white { background-color: var(--color-bg-elevated); }
.bg-gray-50 { background-color: var(--color-bg-base); }
.bg-red-50 { background-color: var(--color-danger-bg); }
.bg-blue-50 { background-color: var(--color-info-bg); }

.text-gray-900, .text-gray-800 { color: var(--color-fg-primary); }
.text-gray-700 { color: var(--color-fg-secondary); }
.text-gray-600, .text-gray-500 { color: var(--color-fg-tertiary); }
.text-gray-400 { color: var(--color-fg-muted); }
.text-red-600, .text-red-700 { color: var(--color-danger); }
.text-blue-600 { color: var(--color-accent); }
.text-indigo-600, .text-indigo-700 { color: var(--color-accent); }

.border-gray-200 { border-color: var(--color-border-subtle); }
.border-gray-300 { border-color: var(--color-border-default); }
.border-red-300 { border-color: rgba(248, 113, 113, 0.45); }
.border-blue-300 { border-color: rgba(96, 165, 250, 0.35); }

.shadow, .shadow-sm { box-shadow: var(--shadow-card); }
.shadow-md { box-shadow: var(--shadow-raised); }