/* Dhraconyx house theme for Gitea — void + gold accents.
   Built as a dark-scheme theme overriding Gitea --color-* tokens.
   Source of truth: house chat skin / dhx-chrome.css tokens. */

@import url("./dhraconyx-fonts.css");

gitea-theme-meta-info {
  --theme-display-name: "Dhraconyx";
  --theme-color-scheme: "dark";
}

:root {
  --is-dark-theme: true;

  /* House tokens */
  --dhx-void: #0B0B0F;
  --dhx-ink: #050608;
  --dhx-deep: #101418;
  --dhx-gold: #C8962A;
  --dhx-gold-bright: #e9c25a;
  --dhx-teal: #29C4C0;
  --dhx-emerald: #32b764;
  --dhx-blue: #288CFF;
  --dhx-violet: #A064C8;
  --dhx-text: #f6f4ec;
  --dhx-muted: #8a9088;
  --dhx-fs-hero: 36px;
  --dhx-fs-1: 30px;
  --dhx-fs-2: 24px;
  --dhx-fs-3: 20px;
  --dhx-fs-body: 16px;

  /* Primary = solid gold */
  --color-primary: #C8962A;
  --color-primary-contrast: #0B0B0F;
  --color-primary-dark-1: #d4a63e;
  --color-primary-dark-2: #e0b652;
  --color-primary-dark-3: #e9c25a;
  --color-primary-dark-4: #f0d07a;
  --color-primary-dark-5: #f6e0a8;
  --color-primary-dark-6: #faf0d0;
  --color-primary-dark-7: #fdf8ec;
  --color-primary-light-1: #b48726;
  --color-primary-light-2: #a07822;
  --color-primary-light-3: #8c691e;
  --color-primary-light-4: #785a1a;
  --color-primary-light-5: #503c11;
  --color-primary-light-6: #281e09;
  --color-primary-light-7: #100c04;
  --color-primary-alpha-10: #C8962A19;
  --color-primary-alpha-20: #C8962A33;
  --color-primary-alpha-30: #C8962A4b;
  --color-primary-alpha-40: #C8962A66;
  --color-primary-alpha-50: #C8962A80;
  --color-primary-alpha-60: #C8962A99;
  --color-primary-alpha-70: #C8962Ab3;
  --color-primary-alpha-80: #C8962Acc;
  --color-primary-alpha-90: #C8962Ae1;
  --color-primary-hover: var(--color-primary-dark-1);
  --color-primary-active: var(--color-primary-light-1);

  --color-secondary: #1a1e1c;
  --color-secondary-dark-1: #222826;
  --color-secondary-dark-2: #2c3430;
  --color-secondary-dark-3: #3a4440;
  --color-secondary-dark-4: #4a5650;
  --color-secondary-dark-5: #5a6860;
  --color-secondary-dark-6: #6a7a70;
  --color-secondary-dark-7: #7a8a80;
  --color-secondary-dark-8: #8a9a90;
  --color-secondary-dark-9: #9aa8a0;
  --color-secondary-dark-10: #aab8b0;
  --color-secondary-dark-11: #bac8c0;
  --color-secondary-dark-12: #cad8d0;
  --color-secondary-dark-13: #dae8e0;
  --color-secondary-light-1: #141816;
  --color-secondary-light-2: #101412;
  --color-secondary-light-3: #0c100e;
  --color-secondary-light-4: #080a09;
  --color-secondary-alpha-10: #1a1e1c19;
  --color-secondary-alpha-20: #1a1e1c33;
  --color-secondary-alpha-30: #1a1e1c4b;
  --color-secondary-alpha-40: #1a1e1c66;
  --color-secondary-alpha-50: #1a1e1c80;
  --color-secondary-alpha-60: #1a1e1c99;
  --color-secondary-alpha-70: #1a1e1cb3;
  --color-secondary-alpha-80: #1a1e1ccc;
  --color-secondary-alpha-90: #1a1e1ce1;
  --color-secondary-button: var(--color-secondary-dark-4);
  --color-secondary-hover: var(--color-secondary-dark-3);
  --color-secondary-active: var(--color-secondary-dark-2);

  --color-body: #0B0B0F;
  --color-box-header: #12161a;
  --color-box-body: #101418;
  --color-box-body-highlight: #161c1a;
  --color-text-dark: #ffffff;
  --color-text: #f6f4ec;
  --color-text-light: #c8c4b8;
  --color-text-light-1: #a8a898;
  --color-text-light-2: #8a9088;
  --color-text-light-3: #6a7068;
  --color-footer: #050608;
  --color-footer-text: #8a9088;
  --color-timeline: #2a3230;
  --color-input-text: #f6f4ec;
  --color-input-background: #0a0e0c;
  --color-input-border: rgba(200, 150, 42, 0.35);
  --color-input-border-hover: #C8962A;
  --color-navbar: #050608;
  --color-navbar-transparent: #05060800;
  --color-light: #161c1a;
  --color-light-mimic: #161c1a;
  --color-light-border: #2a3230;
  --color-hover: rgba(200, 150, 42, 0.10);
  --color-active: rgba(200, 150, 42, 0.18);
  --color-menu: #101418;
  --color-card: #101418;
  --color-markup-table-row: #12161a;
  --color-markup-code-block: #0a0e0c;
  --color-button: #1a221e;
  --color-code-bg: #0a0e0c;
  --color-shadow: #000000aa;
  --color-secondary-bg: #0B0B0F;
  --color-expand-button: #2a3230;
  --color-placeholder-text: #6a7068;
  --color-editor-line-highlight: #161c1a;
  --color-project-board-bg: #0B0B0F;
  --color-caret: #C8962A;
  --color-reaction-bg: #161c1a;
  --color-reaction-hover-bg: rgba(200, 150, 42, 0.15);
  --color-tooltip-text: #0B0B0F;
  --color-tooltip-bg: #e9c25a;
  --color-header-bar: #050608;
  --color-label-text: #f6f4ec;
  --color-label-bg: #1a221e;
  --color-label-hover-bg: #2a3230;
  --color-accent: #C8962A;
  --color-small-accent: #29C4C0;
  --color-highlight-bg: rgba(200, 150, 42, 0.18);
  --color-highlight-fg: #f6f4ec;
  --color-overlay-backdrop: #000000aa;

  --color-red: #e07070;
  --color-orange: #d98a4a;
  --color-yellow: #e9c25a;
  --color-green: #32b764;
  --color-teal: #29C4C0;
  --color-blue: #288CFF;
  --color-violet: #A064C8;
  --color-purple: #A064C8;
  --color-pink: #c864a0;
  --color-grey: #8a9088;
  --color-brown: #a07840;

  --color-named-yellow: #e9c25a;
  --color-named-green: #32b764;
  --color-named-red: #e07070;

  --color-success: #32b764;
  --color-success-bg: rgba(50, 183, 100, 0.15);
  --color-success-border: #32b764;
  --color-error: #e07070;
  --color-error-bg: rgba(224, 112, 112, 0.15);
  --color-error-border: #e07070;
  --color-warning: #d98a4a;
  --color-warning-bg: rgba(217, 138, 74, 0.15);
  --color-warning-border: #d98a4a;
  --color-info: #288CFF;
  --color-info-bg: rgba(40, 140, 255, 0.15);
  --color-info-border: #288CFF;
}

html, body {
  background:
    radial-gradient(130% 100% at 50% -10%, #101418 0%, #0B0B0F 50%, #050608 100%) !important;
  color: var(--dhx-text);
  font-family: "Inter", "Helvetica Neue", Arial, "Segoe UI", sans-serif !important;
  font-size: var(--dhx-fs-body);
}

h1, h2, h3, .ui.header, .page-header h1, .page-header h2 {
  font-family: "Cinzel", Georgia, serif !important;
  color: var(--dhx-gold) !important;
  letter-spacing: 0.02em;
}

h1 { font-size: var(--dhx-fs-1) !important; }
h2 { font-size: var(--dhx-fs-2) !important; }
h3 { font-size: var(--dhx-fs-3) !important; }

/* Solid gold primary buttons */
.ui.primary.button, .ui.primary.buttons .button,
button.primary, a.ui.primary.button,
.ui.green.button {
  background: var(--dhx-gold) !important;
  color: #0B0B0F !important;
  border: 1px solid var(--dhx-gold) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
}
.ui.primary.button:hover, .ui.primary.buttons .button:hover,
button.primary:hover, a.ui.primary.button:hover {
  background: var(--dhx-gold-bright) !important;
  border-color: var(--dhx-gold-bright) !important;
  color: #0B0B0F !important;
  box-shadow: 0 0 16px rgba(200, 150, 42, 0.28);
}

#navbar, .ui.menu.navbar, .navbar {
  background: #050608 !important;
  border-bottom: 1px solid rgba(200, 150, 42, 0.35) !important;
}

a { color: var(--dhx-teal) !important; }
a:hover { color: var(--dhx-gold) !important; }

.ui.segment, .ui.card, .repository.file.list, .issue-list {
  background: rgba(16, 20, 24, 0.92) !important;
  border: 1px solid rgba(200, 150, 42, 0.22) !important;
  border-radius: 12px !important;
}

footer, .page-footer {
  border-top: 1px solid rgba(200, 150, 42, 0.2) !important;
  color: var(--dhx-muted) !important;
}