/* theme-company-dark.css — mod-code (Forgejo) DARK.
   Faithful port of Design Core tokens (dist/css/tokens.css [data-theme="dark"]) onto
   Forgejo's theme vars: IBM Plex Sans/Mono, mod neutrals (#161719/#1F2328/#0E0F10),
   mod-blue accent #4f74e4. Fonts loaded by URL from the CDN — Art. 1 bans on-box font
   files, so they are referenced, never stored (Art. 1.3). @import must stay first. */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

:root {
  /* --- type (IBM Plex) ---------------------------------------------------- */
  --fonts-proportional: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --fonts-monospace: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* --- primary action (mod-blue, dark) ------------------------------------ */
  --color-primary: #4f74e4;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #6485e8;
  --color-primary-dark-2: #7996ec;
  --color-primary-dark-3: #8fa8f0;
  --color-primary-dark-4: #a4b9f3;
  --color-primary-dark-5: #cdd8f8;
  --color-primary-light-1: #4468cf;
  --color-primary-light-2: #3a5bba;
  --color-primary-light-3: #2f4c9c;
  --color-primary-light-4: #253d7e;
  --color-primary-light-5: #1c2f61;
  --color-primary-hover: #6a8be6;
  --color-primary-active: #3a5bba;
  --color-primary-alpha-30: #4f74e44b;
  --color-primary-alpha-40: #4f74e466;
  --color-primary-alpha-50: #4f74e480;
  --color-primary-alpha-60: #4f74e499;
  --color-primary-alpha-70: #4f74e4b3;
  --color-primary-alpha-80: #4f74e4cc;
  --color-primary-alpha-90: #4f74e4e1;
  --color-accent: #7f9ef2;

  /* --- neutrals (Design Core dark) ---------------------------------------- */
  --color-body: #161719;
  --color-box-body: #1f2328;
  --color-box-body-highlight: #252a30;
  --color-box-header: #1f2328;
  --color-nav-bg: #0e0f10;
  --color-nav-hover-bg: #1f2328;
  --color-header-bar: #0e0f10;
  --color-footer-bg: #0e0f10;
  --color-menu: #1f2328;
  --color-card: #1f2328;
  --color-markup-code-block: #0e0f10;
  --color-active: #252a30;
  --color-hover: #21262c;
  --color-secondary: #262f40;
  --color-secondary-dark-1: #2f3950;
  --color-secondary-dark-2: #3a4664;
  --color-secondary-alpha-70: #262f40b3;

  /* --- inputs / borders --------------------------------------------------- */
  --color-input-background: #0e0f10;
  --color-input-border: #262f40;
  --color-input-border-hover: #3a4664;
  --color-border: #262f40;
  --color-light-border: #262f4088;

  /* --- text --------------------------------------------------------------- */
  --color-text: #ffffff;
  --color-text-light: #c1c9d6;
  --color-text-light-1: #c1c9d6;
  --color-text-light-2: #8e99af;
  --color-text-light-3: #8e99af;

  /* --- status ------------------------------------------------------------- */
  --color-error-text: #ff6359;
  --color-success-text: #34db80;
  --color-warning-text: #ffbd2e;

  /* --- ADR-0002 shape: boxy + flat (radius -> 0, shadows off) -------------- */
  --border-radius: 0;
  --border-radius-medium: 0;
  --border-radius-full: 99999px; /* keep circular avatars round */
  --color-shadow: transparent;
  --color-shadow-opacity: 0%;
}

/* --- 6 Design Core palettes: live switch (the navbar palette control sets html[data-palette]).
   Accent family only; neutrals stay per-ground. cobalt = default (mod-blue). One derivation block
   (color-mix off --color-primary) computes hover/active + a DARK-ground-legible link accent. --- */
html[data-palette="cobalt"] { --color-primary: #4f74e4; }
html[data-palette="teal"]   { --color-primary: #2fb1a4; }
html[data-palette="amber"]  { --color-primary: #d69a3c; --color-primary-contrast: #1a1205; }
html[data-palette="violet"] { --color-primary: #8a6fe0; }
html[data-palette="coral"]  { --color-primary: #e0716e; }
html[data-palette="lime"]   { --color-primary: #7fb84e; --color-primary-contrast: #0f1a06; }
html[data-palette] {
  --color-primary-hover:   color-mix(in srgb, var(--color-primary) 85%, #fff);
  --color-primary-active:  color-mix(in srgb, var(--color-primary) 78%, #000);
  --color-primary-dark-1:  color-mix(in srgb, var(--color-primary) 82%, #fff);
  --color-primary-dark-2:  color-mix(in srgb, var(--color-primary) 66%, #fff);
  --color-primary-light-1: color-mix(in srgb, var(--color-primary) 72%, #000);
  --color-primary-light-2: color-mix(in srgb, var(--color-primary) 55%, #000);
  --color-accent:          color-mix(in srgb, var(--color-primary) 58%, #fff);
  --color-primary-alpha-30: color-mix(in srgb, var(--color-primary) 30%, transparent);
  --color-primary-alpha-40: color-mix(in srgb, var(--color-primary) 40%, transparent);
  --color-primary-alpha-50: color-mix(in srgb, var(--color-primary) 50%, transparent);
}