gitea-theme-meta-info {
  --theme-display-name: "joel-noack";
}

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

  /* === BRAND COLORS === */
  --color-primary: #C5A059; /* Gold */
  --color-primary-contrast: #1A1C20;
  --color-accent: #C5A059;
  --color-small-accent: #C5A059;

  /* === BACKGROUND === */
  --color-body: #121212;
  --color-nav-bg: #1A1C20;
  --color-secondary-nav-bg: #1A1C20;
  --color-box-header: #1A1C20;
  --color-box-body: #16181c;
  --color-card: #16181c;
  --color-menu: #16181c;
  --color-code-bg: #141414;

  /* === TEXT === */
  --color-text-dark: #EAEAEA;
  --color-text: #ACA899;
  --color-text-light: #8f8c80;
  --color-placeholder-text: #7c786e;

  /* === BORDERS / SEPARATORS === */
  --color-secondary: #2a2a2a;
  --color-secondary-dark-1: #333;
  --color-secondary-dark-2: #3d3d3d;
  --color-timeline: #2c2c2c;

  /* === HOVER / ACTIVE === */
  --color-hover: #c5a05922;
  --color-hover-opaque: #222016;
  --color-active: #c5a05933;

  /* === BUTTONS === */
  --color-button: #1A1C20;
  --color-secondary-button: #2a2a2a;
  --color-secondary-hover: #3a3a3a;
  --color-secondary-active: #444;

  /* === STATUS COLORS === */
  --color-success-bg: #1f3a2a;
  --color-success-text: #2ecc71;
  --color-success-border: #2ecc71;

  --color-error-bg: #3a1f1f;
  --color-error-text: #f0b4b4;
  --color-error-border: #a04141;

  --color-warning-bg: #3a331f;
  --color-warning-text: #fbbd08;
  --color-warning-border: #C5A059;

  --color-info-bg: #2a2a30;
  --color-info-text: #C5A059;
  --color-info-border: #C5A059;

  /* === BADGES === */
  --color-green-badge: #2ecc71;
  --color-green-badge-bg: #2ecc711a;

  --color-yellow-badge: #C5A059;
  --color-yellow-badge-bg: #C5A0591a;

  --color-red-badge: #cc4848;
  --color-red-badge-bg: #cc48481a;

  /* === MARKUP === */
  --color-markup-code-block: #ffffff08;
  --color-markup-code-inline: #C5A05933;
  --color-markup-table-row: #ffffff05;

  /* === SHADOWS === */
  --color-shadow: #000000aa;
  --color-shadow-opaque: #000;

  accent-color: var(--color-accent);
  color-scheme: dark;

  /* === FONTS === */

  --fonts-proportional:
    "Montserrat",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    "Helvetica Neue",
    Arial,
    sans-serif !important;

  --fonts-monospace:
    "Roboto Mono",
    "JetBrains Mono",
    "Fira Code",
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace !important;

  --fonts-emoji:
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji" !important;

  
}