:root {
    /* Brand Colors */
    --color-colibri-turquesa: #00C7B1;
    --color-colibri-magenta: #E6007E;
    --color-colibri-amarillo: #FFD100;
    --color-colibri-verde: #8DC63F;
    --color-colibri-dark: #0F172A;
    /* Slate 900 */
    --color-colibri-light: #F8FAFC;
    /* Slate 50 */

    /* Slate Scale (Approximation) */
    --color-slate-50: #f8fafc;
    --color-slate-100: #f1f5f9;
    --color-slate-200: #e2e8f0;
    --color-slate-300: #cbd5e1;
    --color-slate-400: #94a3b8;
    --color-slate-500: #64748b;
    --color-slate-600: #475569;
    --color-slate-700: #334155;
    --color-slate-800: #1e293b;
    --color-slate-900: #0f172a;
    --color-slate-950: #020617;

    /* Semantic Colors */
    --background: #ffffff;
    --foreground: #171717;
    --muted-foreground: var(--color-slate-500);
    --border: var(--color-slate-200);

    /* Typography */
    --font-sans: 'Outfit', sans-serif;

    /* Spacing */
    --radius: 0.5rem;
    --container-padding: 1rem;
    --container-max-width: 1280px;
    /* 7xl approx */
}