/* Axios Dark — gitea themed to the repo-root DESIGN.md contract.
 *
 * Generated shades are a plain sRGB mix; see the brand block below. The
 * built-in gitea dark theme is imported first and supplies everything this
 * file does not restate — chroma syntax colors, CodeMirror, the badge and
 * label ramps, and any variable a future gitea release adds. Overriding on
 * top of it rather than forking it means a gitea upgrade cannot leave this
 * theme with an unset variable.
 *
 * Deliberate divergence from DESIGN.md: gitea's primary content container is
 * a `.ui.table` or `.ui.segment` that sits directly on the page, so it keeps
 * its surface fill where an Axios SPA would let a table inherit (C-TABLE-1).
 * The border those boxes draw is neutralized in axios-shared.css instead
 * (C-CARD-4), which is the part that was actually doing the visual damage.
 */
@import url("theme-gitea-dark.css");
@import url("axios-shared.css");

/* Gitea reads the switcher label out of this block. */
gitea-theme-meta-info {
    --theme-display-name: "Axios Dark";
}

:root {
    /* C-FONT-2 — placed by axios-shared.css. */
    --axios-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);

    /* Brand — gitea green, per-theme shade so it clears 4.5:1 against
       the theme it runs on (C-BRAND-1, C-BRAND-3). The ramp is a plain
       sRGB mix toward the theme text / background at 10/20/30/40/60/80/94%,
       which is the step set gitea generates its own ramps with. */
    --color-primary: #609926;
    --color-primary-dark-1: #70a33c;
    --color-primary-dark-2: #80ad51;
    --color-primary-dark-3: #90b867;
    --color-primary-dark-4: #a0c27d;
    --color-primary-dark-5: #bfd6a8;
    --color-primary-dark-6: #dfebd4;
    --color-primary-dark-7: #f5f9f2;
    --color-primary-light-1: #568a22;
    --color-primary-light-2: #4d7a1e;
    --color-primary-light-3: #436b1b;
    --color-primary-light-4: #3a5c17;
    --color-primary-light-5: #253c0f;
    --color-primary-light-6: #131f08;
    --color-primary-light-7: #060902;
    --color-primary-alpha-10: #60992619;
    --color-primary-alpha-20: #60992633;
    --color-primary-alpha-30: #6099264b;
    --color-primary-alpha-40: #60992666;
    --color-primary-alpha-50: #60992680;
    --color-primary-alpha-60: #60992699;
    --color-primary-alpha-70: #609926b3;
    --color-primary-alpha-80: #609926cc;
    --color-primary-alpha-90: #609926e1;
    --color-primary-contrast: #10130c;

    /* Neutral chrome. Bootswatch greys are untinted; gitea ships a
       blue-grey ramp. Same lightness, zero saturation. */
    --color-secondary: #444444;
    --color-secondary-dark-1: #4a4a4a;
    --color-secondary-dark-2: #545454;
    --color-secondary-dark-3: #646464;
    --color-secondary-dark-4: #767676;
    --color-secondary-dark-5: #848484;
    --color-secondary-dark-6: #929292;
    --color-secondary-dark-7: #9e9e9e;
    --color-secondary-dark-8: #acacac;
    --color-secondary-dark-9: #b3b3b3;
    --color-secondary-dark-10: #bfbfbf;
    --color-secondary-dark-11: #cccccc;
    --color-secondary-dark-12: #d4d4d4;
    --color-secondary-dark-13: #d7d7d7;
    --color-secondary-light-1: #383838;
    --color-secondary-light-2: #2f2f2f;
    --color-secondary-light-3: #222222;
    --color-secondary-light-4: #1a1a1a;
    --color-secondary-alpha-10: #44444419;
    --color-secondary-alpha-20: #44444433;
    --color-secondary-alpha-30: #4444444b;
    --color-secondary-alpha-40: #44444466;
    --color-secondary-alpha-50: #44444480;
    --color-secondary-alpha-60: #44444499;
    --color-secondary-alpha-70: #444444b3;
    --color-secondary-alpha-80: #444444cc;
    --color-secondary-alpha-90: #444444e1;

    /* Surfaces. Axios lifts a card off the page; gitea sinks it.
       Cards go lighter than the body in dark and white on grey in light. */
    --color-body: #222222;
    --color-box-header: #2a2a2a;
    --color-box-body: #303030;
    --color-box-body-highlight: #383838;
    --color-card: #303030;
    --color-menu: #2a2a2a;
    --color-button: #303030;
    --color-secondary-bg: #2a2a2a;
    --color-expand-button: #3a3a3a;
    --color-code-bg: #2a2a2a;
    --color-nav-bg: #1a1a1a;
    --color-nav-hover-bg: #2a2a2a;
    --color-secondary-nav-bg: #262626;
    --color-timeline: #444444;
    --color-project-column-bg: #2a2a2a;
    --color-console-bg: #1a1a1a;
    --color-console-fg: #dee2e6;
    --color-console-fg-subtle: #dee2e699;
    --color-console-border: #444444;
    --color-console-hover-bg: #2a2a2a;
    --color-console-active-bg: #303030;
    --color-console-menu-bg: #2a2a2a;
    --color-console-menu-border: #444444;

    /* Text */
    --color-text-dark: #ffffff;
    --color-text: #dee2e6;
    --color-text-light: #dee2e6cc;
    --color-text-light-1: #dee2e6bf;
    --color-text-light-2: #dee2e699;
    --color-text-light-3: #dee2e680;

    /* Fields are transparent with a dashed rule (C-INPUT-1). The dash
       itself is in axios-shared.css; the fill has to be a token because
       gitea paints every input from it. */
    --color-input-background: transparent;
    --color-input-text: #dee2e6;
    --color-input-border: #444444;
    --color-input-border-hover: #4a4a4a;
    --color-input-toggle-background: #303030;

    /* Overlays — neutral, so they tint any surface they land on. */
    --color-hover: #ffffff14;
    --color-hover-opaque: #2a2a2a;
    --color-active: #ffffff1f;
    --color-light-border: #ffffff28;
    --color-markup-table-row: #ffffff0f;
    --color-markup-code-block: #ffffff12;
    --color-markup-code-inline: #ffffff28;
    --color-reaction-bg: #ffffff12;
    --color-label-bg: #ffffff2b;
    --color-label-hover-bg: #ffffff40;
    --color-label-active-bg: #ffffff59;

    /* Semantic hues — Bootswatch Darkly / Flatly, not gitea stock. */
    --color-red: #e74c3c;
    --color-red-light: #ea6153;
    --color-red-dark-1: #d04436;
    --color-red-dark-2: #b93d30;
    --color-green: #00bc8c;
    --color-green-light: #1fc49a;
    --color-green-dark-1: #00a97e;
    --color-green-dark-2: #009670;
    --color-yellow: #f39c12;
    --color-yellow-light: #f4a82e;
    --color-yellow-dark-1: #db8c10;
    --color-yellow-dark-2: #c27d0e;
    --color-blue: #3498db;
    --color-blue-light: #4ca4df;
    --color-blue-dark-1: #2f89c5;
    --color-blue-dark-2: #2a7aaf;
    --color-orange: #e67e22;
    --color-orange-light: #e98d3d;
    --color-orange-dark-1: #cf711f;
    --color-orange-dark-2: #b8651b;

    /* Message surfaces are outlined, never filled (C-MSG-1). */
    --color-error-border: #e74c3c;
    --color-error-bg: transparent;
    --color-error-text: #e38880;
    --color-success-border: #00bc8c;
    --color-success-bg: transparent;
    --color-success-text: #59cbb0;
    --color-warning-border: #f39c12;
    --color-warning-bg: transparent;
    --color-warning-text: #ebb867;
    --color-info-border: #3498db;
    --color-info-bg: transparent;
    --color-info-text: #78b6df;

    /* Diffs tint the surface they sit on instead of carrying their own
       opaque green/red slabs, so they track the box color. */
    --color-diff-added-linenum-bg: #00bc8c33;
    --color-diff-added-row-bg: #00bc8c1a;
    --color-diff-added-row-border: #00bc8c4d;
    --color-diff-added-word-bg: #00bc8c4d;
    --color-diff-removed-linenum-bg: #e74c3c33;
    --color-diff-removed-row-bg: #e74c3c1a;
    --color-diff-removed-row-border: #e74c3c4d;
    --color-diff-removed-word-bg: #e74c3c4d;
    --color-diff-inactive: #2a2a2a;
}