/* Phosphor Ember Dusk - Forgejo Theme
   Based on the Phosphor Zed theme by codeni
   Background: #0D0818 (deep violet)
   Accent family: orange/amber/gold fire tones
*/

[data-theme="ember-dusk"] {
    /* Ember Dusk background scale - derived from #0D0818 */
    --ember-950: #07040f;
    --ember-900: #0d0818;
    --ember-850: #120d20;
    --ember-800: #171228;
    --ember-750: #1e1832;
    --ember-700: #251e3c;
    --ember-650: #2e2748;
    --ember-600: #383054;
    --ember-550: #433b62;
    --ember-500: #4f4770;
    --ember-450: #5c547e;
    --ember-400: #6a628c;
    --ember-350: #79719a;
    --ember-300: #8980a8;
    --ember-250: #9990b6;
    --ember-200: #aaa1c4;
    --ember-150: #bbb3d2;
    --ember-100: #cdc6e0;

    /* Primary accent - orange #FF6600 */
    --color-primary: #ff6600;
    --color-primary-contrast: #000000;
    --color-primary-dark-1: #ff6600;
    --color-primary-dark-2: #e55c00;
    --color-primary-dark-3: #cc5200;
    --color-primary-dark-4: #b34700;
    --color-primary-dark-5: #993d00;
    --color-primary-dark-6: #803300;
    --color-primary-dark-7: #662900;
    --color-primary-light-1: #ff8533;
    --color-primary-light-2: #ffaa00;
    --color-primary-light-3: #ffcc66;
    --color-primary-light-4: #ffd740;
    --color-primary-light-5: #ffff66;
    --color-primary-light-6: #fff0cc;
    --color-primary-light-7: #fff8ee;
    --color-primary-alpha-10: #ff660019;
    --color-primary-alpha-20: #ff660033;
    --color-primary-alpha-30: #ff66004b;
    --color-primary-alpha-40: #ff660066;
    --color-primary-alpha-50: #ff660080;
    --color-primary-alpha-60: #ff660099;
    --color-primary-alpha-70: #ff6600b3;
    --color-primary-alpha-80: #ff6600cc;
    --color-primary-alpha-90: #ff6600e1;
    --color-primary-hover: var(--color-primary-light-1);
    --color-primary-active: var(--color-primary-light-2);

    /* Secondary - purple scale */
    --color-secondary: var(--ember-700);
    --color-secondary-dark-1: var(--ember-550);
    --color-secondary-dark-2: var(--ember-500);
    --color-secondary-dark-3: var(--ember-450);
    --color-secondary-dark-4: var(--ember-400);
    --color-secondary-dark-5: var(--ember-350);
    --color-secondary-dark-6: var(--ember-300);
    --color-secondary-dark-7: var(--ember-250);
    --color-secondary-dark-8: var(--ember-200);
    --color-secondary-dark-9: var(--ember-150);
    --color-secondary-dark-10: var(--ember-100);
    --color-secondary-dark-11: var(--ember-100);
    --color-secondary-dark-12: var(--ember-100);
    --color-secondary-dark-13: var(--ember-100);
    --color-secondary-light-1: var(--ember-650);
    --color-secondary-light-2: var(--ember-700);
    --color-secondary-light-3: var(--ember-750);
    --color-secondary-light-4: var(--ember-800);
    --color-secondary-alpha-10: #251e3c19;
    --color-secondary-alpha-20: #251e3c33;
    --color-secondary-alpha-30: #251e3c4b;
    --color-secondary-alpha-40: #251e3c66;
    --color-secondary-alpha-50: #251e3c80;
    --color-secondary-alpha-60: #251e3c99;
    --color-secondary-alpha-70: #251e3cb3;
    --color-secondary-alpha-80: #251e3ccc;
    --color-secondary-alpha-90: #251e3ce1;
    --color-secondary-hover: var(--color-secondary-light-1);
    --color-secondary-active: var(--color-secondary-light-2);

    /* Console */
    --color-console-fg: #f0e8d8;
    --color-console-fg-subtle: #a090b0;
    --color-console-bg: #100c1e;
    --color-console-border: #2e2748;
    --color-console-hover-bg: #ffffff16;
    --color-console-active-bg: #3a3060;
    --color-console-menu-bg: #2e2748;
    --color-console-menu-border: #433b62;

    /* Status colors */
    --color-red: #ff1a1a;
    --color-orange: #ff6600;
    --color-yellow: #ffd740;
    --color-olive: #ccaa00;
    --color-green: #33cc66;
    --color-teal: #00ccaa;
    --color-blue: #4488ff;
    --color-violet: #aa66ff;
    --color-purple: #cc44ff;
    --color-pink: #ff44aa;
    --color-brown: #cc8844;
    --color-grey: var(--ember-500);
    --color-black: #07040f;
    --color-red-light: #ff4444;
    --color-orange-light: #ff8533;
    --color-yellow-light: #ffee44;
    --color-olive-light: #ddbb00;
    --color-green-light: #44dd77;
    --color-teal-light: #00ddbb;
    --color-blue-light: #66aaff;
    --color-violet-light: #bb88ff;
    --color-purple-light: #dd66ff;
    --color-pink-light: #ff66bb;
    --color-brown-light: #dd9966;
    --color-grey-light: var(--ember-300);
    --color-black-light: #1a1230;
    --color-red-dark-1: #e51a1a;
    --color-orange-dark-1: #e55c00;
    --color-yellow-dark-1: #e6c200;
    --color-olive-dark-1: #bb9900;
    --color-green-dark-1: #2db85c;
    --color-teal-dark-1: #00b899;
    --color-blue-dark-1: #3377ee;
    --color-violet-dark-1: #9944ee;
    --color-purple-dark-1: #bb33ee;
    --color-pink-dark-1: #ee3399;
    --color-brown-dark-1: #cc7733;
    --color-black-dark-1: #0d0a1e;
    --color-red-dark-2: #cc1a1a;
    --color-orange-dark-2: #cc5200;
    --color-yellow-dark-2: #ccaa00;
    --color-gold: #ffd740;
    --color-white: #ffffff;
    --color-pure-black: #000000;

    /* Diff colors */
    --color-diff-removed-word-bg: #661a1a;
    --color-diff-added-word-bg: #1a5c33;
    --color-diff-removed-row-bg: #3d1010;
    --color-diff-moved-row-bg: #4d3a00;
    --color-diff-added-row-bg: #102b1a;
    --color-diff-removed-row-border: #661a1a;
    --color-diff-moved-row-border: #806000;
    --color-diff-added-row-border: #1a5c33;
    --color-diff-inactive: var(--ember-650);

    /* Alerts */
    --color-error-border: #661a1a;
    --color-error-bg: #3d1010;
    --color-error-bg-active: #661a1a;
    --color-error-bg-hover: #661a1a;
    --color-error-text: #ffcccc;
    --color-success-border: #1a5c33;
    --color-success-bg: #102b1a;
    --color-success-text: #aaffcc;
    --color-warning-border: #806000;
    --color-warning-bg: #4d3a00;
    --color-warning-text: #ffee88;
    --color-info-border: #2244aa;
    --color-info-bg: #1a2966;
    --color-info-text: var(--ember-100);

    /* Badges */
    --color-red-badge: #ff1a1a;
    --color-red-badge-bg: #ff1a1a22;
    --color-red-badge-hover-bg: #ff1a1a44;
    --color-green-badge: #33cc66;
    --color-green-badge-bg: #33cc6622;
    --color-green-badge-hover-bg: #33cc6644;
    --color-yellow-badge: #ffd740;
    --color-yellow-badge-bg: #ffd74022;
    --color-yellow-badge-hover-bg: #ffd74044;
    --color-orange-badge: #ff6600;
    --color-orange-badge-bg: #ff660022;
    --color-orange-badge-hover-bg: #ff660044;

    /* ANSI */
    --color-ansi-black: #1a1230;
    --color-ansi-red: #ff1a1a;
    --color-ansi-green: #33cc66;
    --color-ansi-yellow: #ffd740;
    --color-ansi-blue: #4488ff;
    --color-ansi-magenta: #ff44aa;
    --color-ansi-cyan: #00ccaa;
    --color-ansi-white: var(--color-console-fg-subtle);
    --color-ansi-bright-black: #3a3060;
    --color-ansi-bright-red: #ff4444;
    --color-ansi-bright-green: #44dd77;
    --color-ansi-bright-yellow: #ffee44;
    --color-ansi-bright-blue: #66aaff;
    --color-ansi-bright-magenta: #ff66bb;
    --color-ansi-bright-cyan: #00ddbb;
    --color-ansi-bright-white: var(--color-console-fg);

    /* UI surfaces */
    --color-body: #110e1e;
    --color-box-header: #1a1630;
    --color-box-body: #160f2a;
    --color-box-body-highlight: var(--ember-750);
    --color-text-dark: #ffffff;
    --color-text: #e8e0f0;
    --color-text-light: #cdc6e0;
    --color-text-light-1: #bbb3d2;
    --color-text-light-2: #aaa1c4;
    --color-text-light-3: #9990b6;
    --color-footer: var(--ember-950);
    --color-timeline: var(--ember-700);
    --color-input-text: var(--ember-100);
    --color-input-background: var(--ember-750);
    --color-input-toggle-background: var(--ember-750);
    --color-input-border: var(--ember-600);
    --color-input-border-hover: var(--ember-500);
    --color-header-wrapper: #0a0814;
    --color-header-wrapper-transparent: #0d081800;
    --color-light: #00000028;
    --color-light-mimic-enabled: rgba(
        0,
        0,
        0,
        calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
    );
    --color-light-border: #ffffff22;
    --color-hover: var(--ember-700);
    --color-active: var(--ember-650);
    --color-menu: var(--ember-800);
    --color-card: var(--ember-800);
    --fancy-card-bg: var(--ember-750);
    --fancy-card-border: var(--ember-700);
    --color-markup-table-row: #ffffff06;
    --color-markup-code-block: var(--ember-800);
    --color-markup-code-inline: var(--ember-850);
    --color-button: var(--ember-700);
    --color-code-bg: var(--ember-850);
    --color-shadow: #00000080;
    --color-secondary-bg: var(--ember-800);
    --color-text-focus: #ffffff;
    --color-expand-button: var(--ember-650);
    --color-placeholder-text: var(--color-text-light-3);
    --color-editor-line-highlight: var(--ember-800);
    --color-project-board-bg: var(--color-secondary-light-3);
    --color-project-board-dark-label: var(--color-text-light-3);
    --color-caret: var(--color-text);
    --color-reaction-bg: #ffffff12;
    --color-reaction-active-bg: var(--color-primary-alpha-30);
    --color-reaction-hover-bg: var(--color-primary-alpha-40);
    --color-tooltip-text: #ffffff;
    --color-tooltip-bg: #000000f0;
    --color-nav-bg: #0a0814;
    --color-nav-hover-bg: var(--ember-700);
    --color-secondary-nav-bg: var(--color-body);
    --color-label-text: #ffffff;
    --color-label-bg: var(--ember-700);
    --color-label-hover-bg: var(--ember-650);
    --color-label-active-bg: var(--ember-600);
    --color-label-bg-alt: var(--ember-650);
    --color-accent: var(--color-primary-light-1);
    --color-small-accent: var(--color-primary-light-4);
    --color-highlight-fg: var(--color-primary-light-3);
    --color-highlight-bg: var(--color-primary-alpha-20);
    --color-overlay-backdrop: #07040fc0;
    --color-selection-bg: var(--ember-100);
    --color-selection-fg: var(--color-pure-black);
    --checkerboard-color-1: #2e2748;
    --checkerboard-color-2: #1e1832;
    --color-indicator-offline: #6a628c;
    --color-indicator-offline-20: #6a628c1a;
    --color-indicator-idle: #33cc66;
    --color-indicator-idle-20: #33cc661a;
    --color-indicator-active: #4488ff;
    --color-indicator-active-20: #4488ff33;
    --is-dark-theme: true;
    accent-color: var(--color-accent);
    color-scheme: dark;
}