/**
 * Quofixa brand design tokens.
 * Mirrors the palette in assets/js/tailwind-config.js as plain CSS custom
 * properties, so the brand colors are available outside of Tailwind
 * utility classes too (inline SVG, meta theme-color, future non-Tailwind bits).
 *
 * Source: Brand Assets / "Purple Dominate" logo package.
 */
:root {
    /* Primary — the logo's circle mark */
    --color-brand-50:  #f5f3ff;
    --color-brand-100: #ede9fe;
    --color-brand-500: #7c3aed;
    --color-brand-600: #6d28d9;
    --color-brand-700: #5b21b6;

    /* Accent — the logo's checkmark */
    --color-accent-50:  #ecfdf5;
    --color-accent-500: #10b981;
    --color-accent-600: #059669;

    /* Neutral dark — the QUOFIXA wordmark */
    --color-navy-800: #132840;
    --color-navy-900: #0d1b2a;
    --color-navy-950: #070f18;
}