/* Tokyo Night theme for Forgejo. Managed by Ansible (forgejo role).
 * Inherits the built-in dark theme for full component coverage, then retints
 * the palette to Tokyo Night (https://github.com/enkia/tokyo-night-vscode-theme).
 */
@import url("/assets/css/theme-forgejo-dark.css");

:root {
  /* --- Tokyo Night palette --- */
  --tn-bg: #1a1b26;
  --tn-bg-dark: #16161e;
  --tn-bg-elev: #24283b;
  --tn-bg-high: #292e42;
  --tn-fg: #c0caf5;
  --tn-fg-dim: #a9b1d6;
  --tn-comment: #565f89;
  --tn-border: #2a2e3f;
  --tn-blue: #7aa2f7;
  --tn-cyan: #7dcfff;
  --tn-purple: #bb9af7;
  --tn-green: #9ece6a;
  --tn-red: #f7768e;
  --tn-orange: #ff9e64;
  --tn-yellow: #e0af68;

  /* --- Primary accent (blue) --- */
  --color-primary: var(--tn-blue);
  --color-primary-contrast: #16161e;
  --color-primary-dark-1: #6f97ec;
  --color-primary-dark-2: #648ce1;
  --color-primary-dark-3: #5981d6;
  --color-primary-dark-4: #4e76cb;
  --color-primary-dark-5: #4060b0;
  --color-primary-dark-6: #36539a;
  --color-primary-dark-7: #2c4684;
  --color-primary-light-1: #87abf8;
  --color-primary-light-2: #94b4f9;
  --color-primary-light-3: #a1bdfa;
  --color-primary-light-4: #aec6fb;
  --color-primary-light-5: #c8d7fc;
  --color-primary-light-6: #e1e9fe;
  --color-primary-light-7: #f0f4ff;
  --color-primary-alpha-30: #7aa2f74d;
  --color-primary-alpha-40: #7aa2f766;
  --color-primary-alpha-50: #7aa2f780;
  --color-primary-alpha-60: #7aa2f799;
  --color-primary-alpha-70: #7aa2f7b3;
  --color-primary-alpha-80: #7aa2f7cc;
  --color-primary-alpha-90: #7aa2f7e6;
  --color-primary-hover: var(--color-primary-light-1);
  --color-primary-active: var(--color-primary-dark-2);
  --color-link: var(--tn-blue);
  --color-link-hover: var(--tn-cyan);

  /* --- Surfaces / backgrounds --- */
  --color-body: var(--tn-bg);
  --color-box-body: var(--tn-bg);
  --color-box-body-highlight: var(--tn-bg-high);
  --color-box-header: var(--tn-bg-elev);
  --color-secondary-bg: var(--tn-bg-elev);
  --color-menu: var(--tn-bg-elev);
  --color-navbar: var(--tn-bg-dark);
  --color-footer: var(--tn-bg-dark);
  --color-nav-bg: var(--tn-bg-dark);
  --color-active-bg: var(--tn-bg-high);
  --color-hover: var(--tn-bg-high);
  --color-input-background: #1f2335;
  --color-input-border: var(--tn-border);
  --color-input-border-hover: var(--tn-comment);

  /* --- Borders --- */
  --color-secondary: var(--tn-border);
  --color-secondary-dark-1: #333851;
  --color-secondary-dark-2: #3d4263;
  --color-border: var(--tn-border);
  --color-light-border: var(--tn-border);

  /* --- Text --- */
  --color-text: var(--tn-fg);
  --color-text-dark: #d5dbf5;
  --color-text-light: var(--tn-fg-dim);
  --color-text-light-1: #9aa5ce;
  --color-text-light-2: var(--tn-comment);
  --color-text-light-3: #4a5072;

  /* --- Code / markup --- */
  --color-markup-code-block: var(--tn-bg-dark);
  --color-markup-code-inline: var(--tn-bg-high);
  --color-code-bg: var(--tn-bg-dark);
  --color-code-sidebar-bg: var(--tn-bg-elev);

  /* --- Status accents --- */
  --color-red: var(--tn-red);
  --color-green: var(--tn-green);
  --color-blue: var(--tn-blue);
  --color-yellow: var(--tn-yellow);
  --color-orange: var(--tn-orange);
  --color-teal: var(--tn-cyan);
  --color-purple: var(--tn-purple);
  --color-success-text: var(--tn-green);
  --color-error-text: var(--tn-red);
  --color-warning-text: var(--tn-yellow);

  color-scheme: dark;
}