/* ==========================================================================
   SenMakete — Couleurs de marque partagées (site, catalogues, espace vendeur)

   --brand et --accent peuvent être remplacées depuis l'administration
   (module « Couleurs ») : toutes les nuances en sont dérivées.
   ========================================================================== */

:root {
    --brand: #4338ca;
    --accent: #f97316;

    --brand-50: color-mix(in srgb, var(--brand) 7%, #fff);
    --brand-100: color-mix(in srgb, var(--brand) 15%, #fff);
    --brand-200: color-mix(in srgb, var(--brand) 30%, #fff);
    --brand-400: color-mix(in srgb, var(--brand) 75%, #fff);
    --brand-600: color-mix(in srgb, var(--brand) 85%, #000);
    --brand-700: color-mix(in srgb, var(--brand) 70%, #000);
    --brand-900: color-mix(in srgb, var(--brand) 45%, #0b1020);
    --brand-ring: color-mix(in srgb, var(--brand) 22%, transparent);
    --brand-shadow: color-mix(in srgb, var(--brand) 28%, transparent);
    --accent-50: color-mix(in srgb, var(--accent) 10%, #fff);
    --accent-700: color-mix(in srgb, var(--accent) 70%, #000);

    --ink: #0f172a;
    --ink-2: #334155;
    --ink-muted: #64748b;
    --surface-soft: #f8fafc;
    --line: #e2e8f0;
    --line-strong: #cbd5e1;
}