@import url("theme-gitea-light.css");

gitea-theme-meta-info {
  --theme-display-name: "Institucional claro";
  --theme-color-scheme: "light";
}

:root {
  /* Paleta institucional del Estado de Campeche. */
  --fge-red: #9f2241;
  --fge-red-dark: #691c32;
  --fge-gold: #bca986;
  --fge-gold-dark: #ab9470;
  --fge-green: #235b4e;
  --fge-green-dark: #10312b;
  --fge-gray: #888b8d;
  --fge-gray-dark: #53565a;

  /* El rojo dirige acciones y enlaces; el dorado queda como realce. */
  --color-primary: var(--fge-red);
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #8d1e3a;
  --color-primary-dark-2: #7b1a33;
  --color-primary-dark-3: var(--fge-red-dark);
  --color-primary-dark-4: #551628;
  --color-primary-dark-5: #41111f;
  --color-primary-dark-6: #2d0c16;
  --color-primary-dark-7: #19060c;
  --color-primary-light-1: #ad3b56;
  --color-primary-light-2: #bb536b;
  --color-primary-light-3: #c96c80;
  --color-primary-light-4: #d78495;
  --color-primary-light-5: #e5adb8;
  --color-primary-light-6: #f2d6dc;
  --color-primary-light-7: #faeef1;
  --color-primary-alpha-10: #9f224119;
  --color-primary-alpha-20: #9f224133;
  --color-primary-alpha-30: #9f22414d;
  --color-primary-alpha-40: #9f224166;
  --color-primary-alpha-50: #9f224180;
  --color-primary-alpha-60: #9f224199;
  --color-primary-alpha-70: #9f2241b3;
  --color-primary-alpha-80: #9f2241cc;
  --color-primary-alpha-90: #9f2241e6;
  --color-primary-hover: var(--color-primary-dark-1);
  --color-primary-active: var(--color-primary-dark-2);

  --color-secondary: var(--fge-gray);
  --color-secondary-dark-1: #7b7e80;
  --color-secondary-dark-2: #6e7174;
  --color-secondary-dark-3: #626568;
  --color-secondary-dark-4: var(--fge-gray-dark);
  --color-secondary-light-1: #96999b;
  --color-secondary-light-2: #a4a6a8;
  --color-secondary-light-3: #b2b4b6;
  --color-secondary-light-4: #c0c2c3;
  --color-secondary-alpha-20: #888b8d33;
  --color-secondary-alpha-40: #888b8d66;

  --color-red: var(--fge-red);
  --color-red-dark-1: var(--fge-red-dark);
  --color-green: var(--fge-green);
  --color-green-dark-1: var(--fge-green-dark);
  --color-gold: var(--fge-gold-dark);

  /* Superficies neutras con realces dorados discretos. */
  --color-body: #f5f5f4;
  --color-box-header: #f2efe9;
  --color-box-body: #ffffff;
  --color-box-body-highlight: #faf8f4;
  --color-text-dark: #2d2f31;
  --color-text: var(--fge-gray-dark);
  --color-text-light: #686b6e;
  --color-text-light-1: #737679;
  --color-text-light-2: var(--fge-gray);
  --color-text-light-3: #9b9da0;
  --color-footer: #ece9e4;
  --color-timeline: #d4cec4;
  --color-input-text: var(--color-text-dark);
  --color-input-background: #ffffff;
  --color-input-toggle-background: #e4e4e3;
  --color-input-border: var(--fge-gray);
  --color-light: #53565a0a;
  --color-light-border: #53565a28;
  --color-hover: #9f22410d;
  --color-hover-opaque: #f7e9ed;
  --color-active: #9f224119;
  --color-menu: #ffffff;
  --color-card: #ffffff;
  --color-button: #ffffff;
  --color-code-bg: #f0f1f1;
  --color-secondary-bg: #eceeef;
  --color-expand-button: #e2e3e4;
  --color-placeholder-text: var(--color-text-light-2);
  --color-editor-selection: var(--color-primary-alpha-20);
  --color-tooltip-text: #ffffff;
  --color-tooltip-bg: #53565af2;

  /* Navegacion roja; el verde se conserva como acento secundario. */
  --color-nav-bg: var(--fge-red-dark);
  --color-nav-hover-bg: var(--fge-red);
  --color-nav-text: #ffffff;
  --color-secondary-nav-bg: #eee9e1;
  --color-accent: var(--fge-red);
  --color-small-accent: var(--fge-green);
  --color-highlight-fg: var(--fge-red-dark);
  --color-highlight-bg: #eee7dc;
  --color-label-text: var(--fge-gray-dark);
  --color-label-bg: #bca9864d;
  --color-label-hover-bg: #bca98680;
  --color-label-active-bg: var(--fge-gold);

  accent-color: var(--color-accent);
  color-scheme: light;
}