/* ================================
   Global Theme – KuraManga
=================================== */
:root {
  --bg:#FAFAFA;
  --bg-elevated:#FFFFFF;
  --bg-elevated-soft:#F7F7F7;
  --bg-header:#E60012;
  --bg-footer:#E60012;
  --bg-chip:#F3F3F3;
  --bg-subnav:var(--bg-elevated);

  --text-primary:#111111;
  --text-secondary:#333333;
  --text-muted:#666666;

  --accent:#E60012;
  --accent-soft:rgba(230,0,18,.14);

  /* ⭐ Yellow Theme Accent */
  --accent-yellow:#FFCB1C;

  --border-subtle:#E5E5E5;
  --border-strong:#CFCFCF;

  --radius-lg:14px;
  --radius-md:10px;
  --radius-sm:999px;

  --shadow-soft:0 8px 24px rgba(0,0,0,.08);

  --transition-fast:.18s ease-out;
  --transition-med:.25s ease-out;
}

/* GLOBAL FONT SETUP */
html,body{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,'Inter',sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* ================================
   Dark Theme – KuraManga (Red-Optimized)
=================================== */
html.dark{
  /* Backgrounds */
  --bg:#0f1115;
  --bg-elevated:#161922;
  --bg-elevated-soft:#1c2030;
  --bg-header:#161922;        
  --bg-subnav:#12141c;       
  --bg-footer:#12141c;
  --bg-chip:#1e2233;

  /* Text */
  --text-primary:#f2f4f8;
  --text-secondary:#c8cbd3;
  --text-muted:#8b8fa3;

  /* Brand Accent */
  --accent:#ff3b3b;
  --accent-soft:rgba(255,59,59,.16);

  /* ⭐ Yellow Theme Accent (Dark) */
  --accent-yellow:#FFD84D;

  /* Borders & Shadows */
  --border-subtle:#2a2f45;
  --border-strong:#3a4060;

  --shadow-soft:0 12px 32px rgba(0,0,0,.65);
}