/* ============================================================
   MESHLY LIGHT — Forgejo theme (git.meshly.tools)
   ============================================================
   Brand light surfaces: pale-green canvas (#EFF6E4), white cards,
   dark-green text/primary (#1C281D), terminal-green reserved for
   accent fills. Matches the Meshly-BO ("light theme only") chrome.

   Strategy: extend Forgejo's own light theme, re-tint its --zinc-*
   chrome ramp to greens, set the key target colors explicitly, and
   swap the primary ramp to a readable forest green (terminal-green
   is too light for links/text on white — kept for accent fills).
   ============================================================ */
@import url("./theme-forgejo-light.css");
@import url("./meshly-fonts.css");
@import url("./meshly-tweaks.css");

:root {
  /* ---- Fonts ---- */
  --fonts-override: "Geist";
  --fonts-monospace: "Geist Mono", ui-monospace, SFMono-Regular, Menlo,
    Monaco, Consolas, "Liberation Mono", monospace, var(--fonts-emoji);

  /* ---- Rounded surfaces ---- */
  --border-radius: 8px;
  --border-radius-medium: 12px;

  /* ---- Chrome neutral ramp (--zinc-*) → light Meshly greens ----
     50 = lightest (white cards) … 900 = darkest (dark-green text). */
  --zinc-50: #ffffff;
  --zinc-100: #eff6e4;
  --zinc-150: #e7f0d9;
  --zinc-200: #deedcb;
  --zinc-250: #d5e8c0;
  --zinc-300: #c9e0af;
  --zinc-350: #bacbad;
  --zinc-400: #a7bd98;
  --zinc-450: #93ae84;
  --zinc-500: #7e9e6f;
  --zinc-550: #6f9362;
  --zinc-600: #637556;
  --zinc-650: #54664a;
  --zinc-700: #46583d;
  --zinc-750: #3a4a33;
  --zinc-800: #2e3d29;
  --zinc-850: #243121;
  --zinc-900: #1c281d;

  /* ---- Key targets, set explicitly (don't rely on ramp coverage) ---- */
  --color-body: #eff6e4;            /* pale-green page */
  --color-box-body: #ffffff;        /* white cards/segments */
  --color-box-body-highlight: #f6faee;
  --color-box-header: #eff6e4;
  --color-card: #ffffff;
  --fancy-card-bg: #ffffff;
  --color-menu: #ffffff;
  --color-nav-bg: #eff6e4;
  --color-nav-hover-bg: #e7f0d9;
  --color-secondary-nav-bg: #eff6e4;
  --color-header-wrapper: #eff6e4;
  --color-footer: #eff6e4;
  --color-text: #1c281d;            /* dark-green body text */
  --color-text-dark: #1c281d;
  --color-text-light: #46583d;
  --color-text-light-1: #54664a;
  --color-text-light-2: #637556;
  --color-text-light-3: #6f9362;    /* mid-green, for muted/placeholder */
  --color-input-background: #ffffff;
  --color-input-border: #c9e0af;
  --color-input-border-hover: #aec597;
  --color-button: #ffffff;
  --color-hover: #e7f0d9;
  --color-active: #deedcb;

  /* ---- Primary ramp → readable forest green (links, buttons, active) ----
     primary #1C281D matches the deck's .btn--primary (dark-green fill,
     pale-green text). light-N are progressively lighter greens used for
     accents; dark-N darken for hover/active. */
  --color-primary: #1c281d;
  --color-primary-contrast: #eff6e4;
  --color-primary-dark-1: #141d15;
  --color-primary-dark-2: #141d15;
  --color-primary-dark-3: #0f160f;
  --color-primary-dark-4: #0f160f;
  --color-primary-dark-5: #0a0f0a;
  --color-primary-dark-6: #0a0f0a;
  --color-primary-dark-7: #060906;
  --color-primary-light-1: #2e4a2c;
  --color-primary-light-2: #3e6239;
  --color-primary-light-3: #4f7a48;
  --color-primary-light-4: #6f9362;
  --color-primary-light-5: #9dbe8f;
  --color-primary-light-6: #c9e0af;
  --color-primary-light-7: #eff6e4;
  --color-primary-alpha-10: #1c281d19;
  --color-primary-alpha-20: #1c281d33;
  --color-primary-alpha-30: #1c281d4b;
  --color-primary-alpha-40: #1c281d66;
  --color-primary-alpha-50: #1c281d80;
  --color-primary-alpha-60: #1c281d99;
  --color-primary-alpha-70: #1c281db3;
  --color-primary-alpha-80: #1c281dcc;
  --color-primary-alpha-90: #1c281de1;
  --color-primary-hover: var(--color-primary-dark-2);
  --color-primary-active: var(--color-primary-dark-4);

  /* Accent fills get the signature terminal-green (used on dark elements
     and selection chips where text on top is dark). */
  --color-accent: #6cff52;
}