// Fusion Claims — Service Booking wizard design tokens.
//
// Per the repo dark-mode rule (CLAUDE.md "Dark Mode — Branch on
// $o-webclient-color-scheme at SCSS Compile Time"): this file is compiled into
// BOTH web.assets_backend (bright) and web.assets_web_dark (dark). We branch at
// COMPILE TIME on $o-webclient-color-scheme and emit one --sb-* CSS custom
// property per token, scoped to .o_service_booking. Do NOT use .o_dark_mode /
// [data-bs-theme] / prefers-color-scheme — none fire reliably in Odoo 19.
//
// Values are copied verbatim from the mockup's :root (light) and
// [data-theme="dark"] (dark) blocks — technician-booking-wizard.html.

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

// --- light values (mockup :root / [data-theme="light"]) ---
$_page:         #eef0f3;
$_panel:        #e6e9ed;
$_card:         #ffffff;
$_border:       #d8dadd;
$_text:         #1f2430;
$_muted:        #6b7280;
$_faint:        #9ca3af;
$_field:        #ffffff;
$_field-border: #cfd3d8;
$_field-focus:  #3a8fb7;
$_chip:         #f1f4f7;
$_accent:       #2e7aad;
$_accent-soft:  #e8f2f8;
$_ok:           #16a34a;
$_star:         #f5b301;
$_money:        #0f7d4e;
$_money-soft:   #e7f6ee;

@if $o-webclient-color-scheme == dark {
    // --- dark values (mockup [data-theme="dark"]) ---
    $_page:         #14161b !global;
    $_panel:        #1b1e24 !global;
    $_card:         #22262d !global;
    $_border:       #343a42 !global;
    $_text:         #e7eaef !global;
    $_muted:        #9aa3af !global;
    $_faint:        #6b7480 !global;
    $_field:        #1a1d23 !global;
    $_field-border: #3a4049 !global;
    $_field-focus:  #4aa3cf !global;
    $_chip:         #2a2f37 !global;
    $_accent:       #3a8fb7 !global;
    $_accent-soft:  #19303d !global;
    $_ok:           #22c55e !global;
    $_star:         #f5b301 !global;
    $_money:        #34d27f !global;
    $_money-soft:   #15281f !global;
}

.o_service_booking {
    --sb-page:         #{$_page};
    --sb-panel:        #{$_panel};
    --sb-card:         #{$_card};
    --sb-border:       #{$_border};
    --sb-text:         #{$_text};
    --sb-muted:        #{$_muted};
    --sb-faint:        #{$_faint};
    --sb-field:        #{$_field};
    --sb-field-border: #{$_field-border};
    --sb-field-focus:  #{$_field-focus};
    --sb-chip:         #{$_chip};
    --sb-accent:       #{$_accent};
    --sb-accent-soft:  #{$_accent-soft};
    --sb-ok:           #{$_ok};
    --sb-star:         #{$_star};
    --sb-money:        #{$_money};
    --sb-money-soft:   #{$_money-soft};
}