/* nextmock Theme – basiert auf forgejo-dark */
/* Primärfarbe: #C8AE05 (Gold) */
/* Hintergründe: #4A4A4A → #1F1F1F (Grau-Skala statt Blaugrau) */

:root {
  /* === Grau-Skala (ersetzt Steel) === */
  --steel-900: #1A1A1A;
  --steel-850: #1F1F1F;
  --steel-800: #232323;
  --steel-750: #2A2A2A;
  --steel-700: #333333;
  --steel-650: #3A3A3A;
  --steel-600: #404040;
  --steel-550: #4A4A4A;
  --steel-500: #555555;
  --steel-450: #606060;
  --steel-400: #6E6E6E;
  --steel-350: #7C7C7C;
  --steel-300: #8E8E8E;
  --steel-250: #A0A0A0;
  --steel-200: #B0B0B0;
  --steel-150: #CCCCCC;
  --steel-100: #E0E0E0;

  /* === Primärfarbe: Gold #C8AE05 === */
  --color-primary: #C8AE05;
  --color-primary-light-1: #D4BC1F;
  --color-primary-light-2: #B89A04;
  --color-primary-light-3: #A88903;
  --color-primary-light-4: #8E7402;
  --color-primary-light-5: #756001;
  --color-primary-light-6: #5C4B01;
  --color-primary-light-7: #3E3200;
  --color-primary-dark-1: #DCC438;
  --color-primary-dark-2: #DCC438;
  --color-primary-dark-3: #E6D060;
  --color-primary-dark-4: #E6D060;
  --color-primary-dark-5: #F0DC8A;
  --color-primary-dark-6: #F0DC8A;
  --color-primary-dark-7: #F5E8B5;
  --color-primary-contrast: #000000;

  /* Alpha-Werte */
  --color-primary-alpha-10: #C8AE0519;
  --color-primary-alpha-20: #C8AE0533;
  --color-primary-alpha-30: #C8AE054b;
  --color-primary-alpha-40: #C8AE0566;
  --color-primary-alpha-50: #C8AE0580;
  --color-primary-alpha-60: #C8AE0599;
  --color-primary-alpha-70: #C8AE05b3;
  --color-primary-alpha-80: #C8AE05cc;
  --color-primary-alpha-90: #C8AE05e1;

  /* === Abgeleitete Farben (automatisch über Steel-Variablen) === */
  --color-body: var(--steel-800);
  --color-footer: var(--steel-900);
  --color-nav-bg: var(--steel-900);
  --color-nav-hover-bg: var(--steel-600);
  --color-header-wrapper: var(--steel-850);
  --color-box-body: var(--steel-750);
  --color-box-header: var(--steel-700);
  --color-box-body-highlight: var(--steel-650);
  --color-button: var(--steel-600);
  --color-card: var(--steel-700);
  --color-menu: var(--steel-700);
  --color-hover: var(--steel-650);
  --color-active: var(--steel-650);
  --color-secondary: var(--steel-700);
  --color-secondary-bg: var(--steel-700);
  --color-secondary-nav-bg: var(--color-body);
  --color-text: var(--steel-100);
  --color-text-light: var(--steel-150);
  --color-text-light-1: var(--steel-150);
  --color-text-light-2: var(--steel-200);
  --color-text-light-3: var(--steel-200);
  --color-input-background: var(--steel-650);
  --color-input-border: var(--steel-550);
  --color-input-border-hover: var(--steel-450);
  --color-input-text: var(--steel-100);
  --color-code-bg: var(--steel-750);
  --color-label-bg: var(--steel-600);
  --color-label-active-bg: var(--steel-500);
  --color-timeline: var(--steel-650);
  --color-console-bg: #1f212b;
  --color-console-fg: #eeeff2;
  --color-accent: var(--color-primary-light-1);
  --color-highlight-bg: var(--color-primary-alpha-20);
  --color-highlight-fg: var(--color-primary-light-4);
  --color-reaction-active-bg: var(--color-primary-alpha-30);
  --color-reaction-hover-bg: var(--color-primary-alpha-40);
  --is-dark-theme: true;
}