/* =============================================================
   BUILDAUR BRAND TOKENS
   -------------------------------------------------------------
   Canonical palette — sourced from manager/dashboard.php
   ($brandPalette). Use these custom properties in any new CSS
   instead of hard-coding hex values, so a future palette change
   is a one-file edit.

   Loaded globally; safe to override locally per-component when
   a section legitimately needs a different shade.
   ============================================================= */

:root {
    /* Primary brand purple — buttons, CTAs, accent text, focus rings. */
    --brand-primary:        #7c5cfd;
    --brand-primary-rgb:    124, 92, 253;
    /* Hover / secondary action — also used as info-link blue. */
    --brand-secondary:      #5b9eef;
    --brand-secondary-rgb:  91, 158, 239;

    /* Status colors */
    --brand-success:        #008143;
    --brand-success-rgb:    0, 129, 67;

    /* Highlight / sparing-use lime green */
    --brand-lime:           #a6ff00;
    --brand-lime-rgb:       166, 255, 0;

    /* Surfaces */
    --brand-surface-light:  #f0f2f8;
    --brand-surface-dark:   #09031a;
    --brand-surface-card:   #ffffff;

    /* Text */
    --brand-text:           #090f1a;
    --brand-text-muted:     #64748b;
    --brand-text-faint:     #94a3b8;

    /* Borders (not in the original palette but used everywhere; kept
       here so component CSS doesn't keep redeclaring them). */
    --brand-border:         #e2e8f0;
    --brand-border-light:   #f1f5f9;

    /* Shadows tinted with the primary hue. */
    --brand-shadow-soft:    0 4px 12px rgba(124, 92, 253, 0.15);
    --brand-shadow-glow:    0 8px 22px rgba(124, 92, 253, 0.35);
}