// Fusion Repairs design tokens.
// Compile-time branching on $o-webclient-color-scheme makes the SAME SCSS file
// produce different values for the light bundle (web.assets_backend) and the
// dark bundle (web.assets_web_dark). Each token is wrapped in a CSS custom
// property so runtime overrides are still possible if ever needed.
//
// IMPORTANT: do NOT @import this file - per project Odoo 19 rule, register
// it as a separate entry in web.assets_backend BEFORE dashboard.scss so the
// variables are in scope when the dashboard file is compiled.

$o-webclient-color-scheme: bright !default;

// Default (light) palette.
$_fr-page-hex: #f3f4f6;
$_fr-card-hex: #ffffff;
$_fr-card-elevated-hex: #ffffff;
$_fr-border-hex: #d8dadd;
$_fr-border-soft-hex: #e5e7eb;
$_fr-text-hex: #1f2937;
$_fr-muted-hex: #6b7280;
$_fr-accent-hex: #2b6cb0;
$_fr-success-hex: #16a34a;
$_fr-warning-hex: #d97706;
$_fr-danger-hex: #dc2626;
$_fr-info-bg-hex: #eff6ff;
$_fr-success-bg-hex: #ecfdf5;
$_fr-warning-bg-hex: #fffbeb;
$_fr-danger-bg-hex: #fef2f2;

@if $o-webclient-color-scheme == dark {
    $_fr-page-hex: #14181d !global;
    $_fr-card-hex: #1f242b !global;
    $_fr-card-elevated-hex: #262c34 !global;
    $_fr-border-hex: #2d333b !global;
    $_fr-border-soft-hex: #242a31 !global;
    $_fr-text-hex: #e6e8eb !global;
    $_fr-muted-hex: #9aa3ad !global;
    $_fr-accent-hex: #60a5fa !global;
    $_fr-success-hex: #34d399 !global;
    $_fr-warning-hex: #fbbf24 !global;
    $_fr-danger-hex: #f87171 !global;
    $_fr-info-bg-hex: #1e3a5f !global;
    $_fr-success-bg-hex: #14342a !global;
    $_fr-warning-bg-hex: #3b2f15 !global;
    $_fr-danger-bg-hex: #3c1d1d !global;
}

// CSS-variable-wrapped tokens. Use these everywhere in dashboard.scss.
$fr-page: var(--fr-page-bg, #{$_fr-page-hex});
$fr-card: var(--fr-card-bg, #{$_fr-card-hex});
$fr-card-elevated: var(--fr-card-elevated-bg, #{$_fr-card-elevated-hex});
$fr-border: var(--fr-border, #{$_fr-border-hex});
$fr-border-soft: var(--fr-border-soft, #{$_fr-border-soft-hex});
$fr-text: var(--fr-text, #{$_fr-text-hex});
$fr-muted: var(--fr-muted, #{$_fr-muted-hex});
$fr-accent: var(--fr-accent, #{$_fr-accent-hex});
$fr-success: var(--fr-success, #{$_fr-success-hex});
$fr-warning: var(--fr-warning, #{$_fr-warning-hex});
$fr-danger: var(--fr-danger, #{$_fr-danger-hex});
$fr-info-bg: var(--fr-info-bg, #{$_fr-info-bg-hex});
$fr-success-bg: var(--fr-success-bg, #{$_fr-success-bg-hex});
$fr-warning-bg: var(--fr-warning-bg, #{$_fr-warning-bg-hex});
$fr-danger-bg: var(--fr-danger-bg, #{$_fr-danger-bg-hex});