/* ---- SKIN TOKENS ----------------------------------------------
   Generated from css/skin-*.css. Not retyped, not adjusted.
   The app ships one skin per file at :root; this page carries all
   three, so each is scoped to a data-skin attribute instead.
   ------------------------------------------------------------- */

:root[data-skin="tetsu"] {
    --az-ground: #0A0C0E;
    --az-panel: #10151A;
    --az-panel-2: #171E25;
    --az-scrim: rgba(10, 12, 14, 0.90);
    --az-ink: #E8ECEE;
    --az-ink-2: #AEB8BF;
    --az-ink-3: #8B959D;
    --az-ink-inv: #0A0C0E;
    --az-line: #262F38;
    --az-line-2: #5A6B77;
    --az-signal: #75D2E5;
    --az-advance: #5CB877;
    --az-hold: #75818A;
    --az-retreat-bg: #E8ECEE;
    --az-retreat-ink: #0A0C0E;
    --az-shu: #E85A3C;
    --az-sumi: #C2CBD1;
    --az-arc-dan: #D4AC33;
    --az-arc-high: #E8543F;
    --bm-year: #F7F3EE;
    --bm-fill: #8B959D;
}
:root[data-skin="tetsu"] .belt-mark--rope { --bm-fill: #B49C6D; --bm-edge: #D8C7A8; }
:root[data-skin="tetsu"] .belt-mark--white { --bm-fill: #EFEEE9; --bm-edge: #9B9267; }
:root[data-skin="tetsu"] .belt-mark--yellow { --bm-fill: #EDD05D; --bm-edge: #B6A667; }
:root[data-skin="tetsu"] .belt-mark--orange { --bm-fill: #F0A962; --bm-edge: #F3810E; }
:root[data-skin="tetsu"] .belt-mark--green { --bm-fill: #52B18A; --bm-edge: #99D7BE; }
:root[data-skin="tetsu"] .belt-mark--blue { --bm-fill: #4C8DD8; --bm-edge: #86B5EB; }
:root[data-skin="tetsu"] .belt-mark--purple { --bm-fill: #965CC9; --bm-edge: #B587DE; }
:root[data-skin="tetsu"] .belt-mark--brown { --bm-fill: #885A3A; --bm-edge: #BA7544; }
:root[data-skin="tetsu"] .belt-mark--tier-black { --bm-fill: #36424E; --bm-edge: #556D85; }
:root[data-skin="tetsu"] .belt-mark--tier-dan { --bm-fill: #36424E; --bm-edge: #556D85; }
:root[data-skin="tetsu"] .belt-mark--dan10 { --bm-fill: #E04D2F; --bm-edge: #F2907C; }

:root[data-skin="washi"] {
    --az-ground: #F2EFE9;
    --az-panel: #FAF8F4;
    --az-panel-2: #ECE8E0;
    --az-scrim: rgba(242, 239, 233, 0.94);
    --az-ink: #262B30;
    --az-ink-2: #5B656F;
    --az-ink-3: #616C76;
    --az-ink-inv: #FAF8F4;
    --az-line: #C2C7CD;
    --az-line-2: #758697;
    --az-advance: #17613C;
    --az-hold: #636C75;
    --az-retreat-bg: #262B30;
    --az-retreat-ink: #FAF8F4;
    --az-signal: #144460;
    --az-shu: #C13A1F;
    --az-sumi: #252B31;
    --az-arc-dan: #B5881D;
    --az-arc-high: #C13A1F;
    --bm-year: #FBF7F2;
    --bm-fill: #67727E;
}
:root[data-skin="washi"] .belt-mark--rope { --bm-fill: #B39864; --bm-edge: #90743E; }
:root[data-skin="washi"] .belt-mark--white { --bm-fill: #C3BEAF; --bm-edge: #9A8852; }
:root[data-skin="washi"] .belt-mark--yellow { --bm-fill: #C4A320; --bm-edge: #9B7E0D; }
:root[data-skin="washi"] .belt-mark--orange { --bm-fill: #D6791B; --bm-edge: #A95909; }
:root[data-skin="washi"] .belt-mark--green { --bm-fill: #398A69; --bm-edge: #1F684A; }
:root[data-skin="washi"] .belt-mark--blue { --bm-fill: #2C6BB2; --bm-edge: #164B88; }
:root[data-skin="washi"] .belt-mark--purple { --bm-fill: #753BA7; --bm-edge: #511F7C; }
:root[data-skin="washi"] .belt-mark--brown { --bm-fill: #613F26; --bm-edge: #3A2210; }
:root[data-skin="washi"] .belt-mark--tier-black { --bm-fill: #1C2329; --bm-edge: #63839F; }
:root[data-skin="washi"] .belt-mark--tier-dan { --bm-fill: #1C2329; --bm-edge: #63839F; }
:root[data-skin="washi"] .belt-mark--dan10 { --bm-fill: #CE3C1F; --bm-edge: #8E2814; }