/* ============================================================
   BSX DESIGN TOKENS
   Single source of truth — import this first everywhere
   ============================================================ */

:root {

    /* Backgrounds */
    --bsx-bg:          #21201e;   /* page / card default */
    --bsx-bg-dark:     #1a1a1a;   /* containers, panels */
    --bsx-bg-deep:     #030204;   /* deepest bg, inputs */
    --bsx-bg-mid:      #373436;   /* rows, sidebar */
    --bsx-bg-mid2:     #514a4e;   /* secondary mid */

    /* Borders */
    --bsx-border:      #534e4f;   /* primary border */
    --bsx-border-soft: #37353a;   /* subtle border */
    --bsx-border-ui:   #555;      /* UI elements */

    /* Accent / Gold */
    --bsx-accent:      #ffcc33;   /* primary accent */
    --bsx-accent-mid:  #ecdbae;   /* soft gold, hover borders */
    --bsx-accent-dim:  #c89b4d;   /* muted gold */
    --bsx-accent-dark: #8e7d18;   /* dark gold, active states */

    /* Text */
    --bsx-text:        #f1eee7;   /* primary text */
    --bsx-text-alt:    #f3eee7;   /* same, slight variant — unified to --bsx-text */
    --bsx-text-muted:  rgba(241, 238, 231, 0.55);
    --bsx-text-dim:    #a09898;   /* very muted */
    --bsx-text-sub:    #999;      /* metadata, labels */

    /* Semantic */
    --bsx-positive:    #287c33;   /* green — gain */
    --bsx-positive-lt: #4ade80;   /* light green */
    --bsx-positive-bg: rgba(46, 125, 50, 0.3);
    --bsx-negative:    #d62424;   /* red — loss */
    --bsx-negative-lt: #f87171;   /* light red */
    --bsx-negative-bg: rgba(198, 40, 40, 0.3);
    --bsx-error-bg:    rgba(220, 60, 60, 0.12);
    --bsx-error-color: #e07070;
    --bsx-success-bg:  rgba(80, 180, 100, 0.12);
    --bsx-success-color: #7ecb8f;

    /* Status colors */
    --bsx-green:  #299148;
    --bsx-red:    #e53232;
    --bsx-pink:   #992e88;
    --bsx-grey:   #aaa;

    /* Typography */
    --bsx-font:       'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif;
    --bsx-font-mono:  'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;

    /* Sizing */
    --bsx-text-xs:  0.75rem;
    --bsx-text-sm:  0.8rem;
    --bsx-text-md:  0.9rem;
    --bsx-text-base: 1rem;
    --bsx-text-lg:  1.1rem;
    --bsx-text-xl:  1.2rem;
    --bsx-text-2xl: 1.3rem;

    /* Spacing */
    --bsx-gap-xs:  0.25rem;
    --bsx-gap-sm:  0.5rem;
    --bsx-gap-md:  1rem;
    --bsx-gap-lg:  1.5rem;
    --bsx-gap-xl:  2rem;

    /* Radius */
    --bsx-radius-sm: 3px;
    --bsx-radius-md: 4px;
    --bsx-radius-lg: 6px;
    --bsx-radius-xl: 8px;
    --bsx-radius-2xl: 20px;

    /* Transitions */
    --bsx-transition:     0.2s ease;
    --bsx-transition-med: 0.3s ease;

    /* Shadows */
    --bsx-shadow-sm:  0 1px 4px rgba(0, 0, 0, 0.08);
    --bsx-shadow-md:  0 2px 8px rgba(83, 78, 79, 0.6);
    --bsx-shadow-lg:  0 4px 8px rgba(0, 0, 0, 0.3);
}