/* ============================================================
   theme-manga-tui-light.css   —  Manga TUI · cream paper
   Register in app.ini:
     [ui]
     THEMES = forgejo-auto,forgejo-light,forgejo-dark,manga-tui-light,manga-tui-dark
     DEFAULT_THEME = manga-tui-light
   Place this file + the two others in:
     $FORGEJO_CUSTOM/public/assets/css/
   ============================================================ */

@import url("./manga-tui-base.css");

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

  /* ── canvas + ink ─────────────────────────────────────── */
  --color-body:               #efe7d2;
  --color-text:               #14110b;
  --color-text-dark:          #14110b;
  --color-text-light:         #2b2620;
  --color-text-light-1:       #5b5249;
  --color-text-light-2:       #5b5249;
  --color-text-light-3:       #968a76;

  /* ── surfaces ─────────────────────────────────────────── */
  --color-box-header:         #f6efdd;
  --color-box-body:           #f6efdd;
  --color-box-body-highlight: #efe7d2;
  --color-light:              #f6efdd;
  --color-light-medium:       #e9dfc4;
  --color-light-border:       #14110b;
  --color-menu:               #f6efdd;
  --color-card:               #f6efdd;
  --color-secondary:          #d8cca8;
  --color-secondary-bg:       #f6efdd;
  --color-footer:             #f6efdd;

  /* ── one drop of red = primary ────────────────────────── */
  --color-primary:            #c43d2e;
  --color-primary-contrast:   #ffffff;
  --color-primary-dark-1:     #b3372a;
  --color-primary-dark-2:     #9c3024;
  --color-primary-dark-3:     #85291f;
  --color-primary-dark-4:     #6e2219;
  --color-primary-dark-5:     #571b14;
  --color-primary-dark-6:     #40130f;
  --color-primary-dark-7:     #2a0d0a;
  --color-primary-light-1:    #cd5142;
  --color-primary-light-2:    #d56657;
  --color-primary-light-3:    #dd7c6e;
  --color-primary-light-4:    #e69285;
  --color-primary-light-5:    #eea89d;
  --color-primary-light-6:    #f6beb4;
  --color-primary-light-7:    #fad4cc;
  --color-primary-alpha-10:   rgba(196, 61, 46, .10);
  --color-primary-alpha-20:   rgba(196, 61, 46, .20);
  --color-primary-alpha-30:   rgba(196, 61, 46, .30);
  --color-primary-alpha-40:   rgba(196, 61, 46, .40);
  --color-primary-alpha-50:   rgba(196, 61, 46, .50);
  --color-primary-alpha-60:   rgba(196, 61, 46, .60);
  --color-primary-alpha-70:   rgba(196, 61, 46, .70);
  --color-primary-alpha-80:   rgba(196, 61, 46, .80);
  --color-primary-alpha-90:   rgba(196, 61, 46, .90);

  /* ── nav: ink strip, paper text, red hover ────────────── */
  --color-nav-bg:             #14110b;
  --color-nav-text:           #efe7d2;
  --color-nav-hover-bg:       #c43d2e;
  --color-header-wrapper:     #14110b;

  /* ── interaction ──────────────────────────────────────── */
  --color-hover:              rgba(196, 61, 46, .12);
  --color-active:             rgba(196, 61, 46, .18);
  --color-hover-bg:           rgba(196, 61, 46, .12);

  /* ── inputs ───────────────────────────────────────────── */
  --color-input-text:         #14110b;
  --color-input-background:   #efe7d2;
  --color-input-border:       #14110b;
  --color-input-border-hover: #14110b;

  /* ── markup / code ────────────────────────────────────── */
  --color-markup-code-block:  #f6efdd;
  --color-markup-code-inline: #efe7d2;
  --color-code-bg:            #f6efdd;
  --color-code-text:          #14110b;

  /* ── status hues map to the 3-bit ANSI inks (v4.6) ──────── */
  --color-red:    #c43d2e;
  --color-orange: #a07a18;
  --color-green:  #4a7a39;
  --color-teal:   #2b817a;
  --color-blue:   #2f5f97;
  --color-yellow: #a07a18;
}