/* ============================
   Steel Compendium Color Palette
   ============================
   Central color definitions. All themed colors flow from here.
   Ability type + power tier colors also defined as variables
   so the entire palette can be changed from one file.
   ============================ */

/* ── Light Mode ── */
[data-md-color-scheme="default"] {
    /* Brand */
    --sc-steel:             #5a6368;
    --sc-steel-light:       #8e959a;
    --sc-steel-lighter:     #b0b7bb;

    /* Accent — steel teal */
    --md-accent-fg-color:            #2a7b88;
    --md-accent-fg-color--transparent: rgba(42, 123, 136, 0.10);

    /* Links */
    --md-typeset-a-color: #2a7b88;

    /* Primary — dark steel nav bar */
    --md-primary-fg-color:        #2c3338;
    --md-primary-fg-color--light: #4a5054;
    --md-primary-fg-color--dark:  #1a1d20;
    --md-primary-bg-color:        #f6f8f8;

    /* Surfaces — cool steel tint */
    --md-default-bg-color:          #f6f8f8;
    --md-default-bg-color--light:   #edf0f0;
    --md-default-fg-color:          #2c2e30;
    --md-default-fg-color--light:   #555960;
    --md-default-fg-color--lighter: #828890;
    --md-default-fg-color--lightest: #c8cdd0;

    /* Code blocks */
    --md-code-bg-color: #eaeeef;

    /* ── Ability type borders ── */
    --sc-ability-strike:    #c0392b;
    --sc-ability-ranged:    #2874a6;
    --sc-ability-maneuver:  #7d3c98;
    --sc-ability-triggered: #b9770e;
    --sc-ability-area:      #148f77;
    --sc-ability-passive:   #7b8a8b;
    --sc-ability-villain:   #922b21;
    --sc-ability-special:   #6c3483;

    /* ── Power roll tiers ── */
    --sc-tier-low:  #c0392b;
    --sc-tier-mid:  #b9770e;
    --sc-tier-high: #1e8449;
}

/* ── Dark Mode ── */
[data-md-color-scheme="slate"] {
    /* Brand */
    --sc-steel:             #8e959a;
    --sc-steel-light:       #b0b7bb;
    --sc-steel-lighter:     #cdd1d4;

    /* Accent — brighter teal for dark bg */
    --md-accent-fg-color:            #4db8c7;
    --md-accent-fg-color--transparent: rgba(77, 184, 199, 0.12);

    /* Links — explicit teal so they don't inherit dark primary */
    --md-typeset-a-color: #4db8c7;

    /* Primary — charcoal-steel nav */
    --md-primary-fg-color:        #1a1e21;
    --md-primary-fg-color--light: #2c3338;
    --md-primary-fg-color--dark:  #0f1214;
    --md-primary-bg-color:        #dce0e2;

    /* Surfaces — cool steel charcoal */
    --md-default-bg-color:          #1a1e21;
    --md-default-bg-color--light:   #22272b;
    --md-default-fg-color:          rgba(220, 226, 230, 0.88);
    --md-default-fg-color--light:   rgba(220, 226, 230, 0.62);
    --md-default-fg-color--lighter: rgba(220, 226, 230, 0.38);
    --md-default-fg-color--lightest: rgba(220, 226, 230, 0.12);

    /* Code blocks */
    --md-code-bg-color: rgba(220, 226, 230, 0.06);

    /* ── Ability type borders (brighter for dark bg) ── */
    --sc-ability-strike:    #e74c3c;
    --sc-ability-ranged:    #5dade2;
    --sc-ability-maneuver:  #bb8fce;
    --sc-ability-triggered: #f0b429;
    --sc-ability-area:      #48c9a4;
    --sc-ability-passive:   #b0b7bb;
    --sc-ability-villain:   #e57373;
    --sc-ability-special:   #ce93d8;

    /* ── Power roll tiers (brighter for dark bg) ── */
    --sc-tier-low:  #e74c3c;
    --sc-tier-mid:  #f0b429;
    --sc-tier-high: #4caf6a;
}