/* =========================================================================
   THEME: Developer Console  (dark)
   Dark, dense, console-flavored, SIRAYA orange accent. Dark in BOTH schemes
   (both palette positions render dark) — optimized for fast API lookup.
   Activate with: SIRAYA_THEME=developer-console
   ========================================================================= */

:root,
[data-md-color-scheme="default"] {
    /* Accent */
    --ed-orange:        #f15a29;
    --ed-orange-dark:   #ff7548;
    --ed-orange-light:  #ff8a5c;
    --ed-orange-rgb:    241, 90, 41;
    --ed-orange-tint:   rgba(241, 90, 41, 0.14);
    --ed-orange-tint-2: rgba(241, 90, 41, 0.22);
    --ed-on-accent:     #ffffff;

    /* Neutrals — dark console */
    --ed-paper:          #0b0d11;
    --ed-surface:        #14171d;
    --ed-ink:            #d7dce3;
    --ed-ink-2:          #aeb6c2;
    --ed-ink-soft:       #828b99;
    --ed-ink-rgb:        215, 220, 227;
    --ed-border:         rgba(255, 255, 255, 0.09);
    --ed-heading:        #f4f6f9;
    --ed-heading-2:      #e6eaf0;
    --ed-nav-section:    #828b99;
    --ed-header-bg:      rgba(11, 13, 17, 0.82);
    --ed-header-border:  rgba(255, 255, 255, 0.07);
    --ed-code-inline-bg: rgba(255, 255, 255, 0.06);
    --ed-code-inline-fg: #e6eaf0;

    --md-primary-fg-color:           var(--ed-orange);
    --md-primary-fg-color--light:    var(--ed-orange-light);
    --md-primary-fg-color--dark:     var(--ed-orange-dark);
    --md-accent-fg-color:            var(--ed-orange-light);
    --md-accent-fg-color--transparent: var(--ed-orange-tint);
    --md-typeset-a-color:            var(--ed-orange-light);
    --md-default-bg-color:           var(--ed-paper);
    --md-default-fg-color:           var(--ed-ink);
    --md-default-fg-color--light:    var(--ed-ink-soft);
    --md-default-fg-color--lighter:  #5f6773;
    --md-default-fg-color--lightest: #3a4049;
    --md-code-bg-color:              #14171d;
    --md-code-fg-color:              #d7dce3;
    --md-footer-bg-color:            var(--ed-paper);
}

/* Slate position: a touch deeper, otherwise identical (theme is dark-only). */
[data-md-color-scheme="slate"] {
    --ed-orange:        #f15a29;
    --ed-orange-dark:   #ff7548;
    --ed-orange-light:  #ff8a5c;
    --ed-orange-rgb:    241, 90, 41;
    --ed-orange-tint:   rgba(241, 90, 41, 0.16);
    --ed-orange-tint-2: rgba(241, 90, 41, 0.24);
    --ed-on-accent:     #ffffff;

    --ed-paper:          #07090c;
    --ed-surface:        #0f1217;
    --ed-ink:            #d7dce3;
    --ed-ink-2:          #aeb6c2;
    --ed-ink-soft:       #828b99;
    --ed-ink-rgb:        215, 220, 227;
    --ed-border:         rgba(255, 255, 255, 0.08);
    --ed-heading:        #f4f6f9;
    --ed-heading-2:      #e6eaf0;
    --ed-nav-section:    #828b99;
    --ed-header-bg:      rgba(7, 9, 12, 0.82);
    --ed-header-border:  rgba(255, 255, 255, 0.06);
    --ed-code-inline-bg: rgba(255, 255, 255, 0.06);
    --ed-code-inline-fg: #e6eaf0;

    --md-primary-fg-color:           var(--ed-orange);
    --md-accent-fg-color:            var(--ed-orange-light);
    --md-typeset-a-color:            var(--ed-orange-light);
    --md-default-bg-color:           var(--ed-paper);
    --md-default-fg-color:           var(--ed-ink);
    --md-default-fg-color--light:    var(--ed-ink-soft);
    --md-default-fg-color--lighter:  #5f6773;
    --md-default-fg-color--lightest: #3a4049;
    --md-header-fg-color:            #e6eaf0;
    --md-code-bg-color:              #0f1217;
    --md-code-fg-color:              #d7dce3;
    --md-footer-bg-color:            var(--ed-paper);
}

/* Console flavor: monospace for code blocks + tighter inline code. */
[data-md-theme-flavor] { }
.md-typeset pre code,
.md-typeset code {
    font-family: ui-monospace, "SF Mono", "JetBrains Mono", "Fira Code", Menlo, monospace;
}

/* Dark-only theme: this theme renders dark in both palette schemes, so the
   light/dark switch is meaningless here — hide it. This rule only loads while
   the Developer Console theme is active, so other themes keep their toggle. */
[data-md-component="palette"] {
    display: none !important;
}