/* ============================================================
   tokens.css — MengLab Design Tokens (single source of truth)
   ------------------------------------------------------------
   Shared by top.css (homepage) and style.css (all other pages).
   Load this BEFORE either stylesheet.

   Palette model:
     STRUCTURE = deep navy ink  — header, hero, labinfo, footer
     ACCENT    = Ritsumeikan red — links, buttons, labels, hover
   Swapping the theme means editing the two blocks below only.
   ============================================================ */

:root {
  /* ── Structure: navy ink ──────────────────────────────────
     Used for large filled areas. Darkest at the page edges. */
  --navy:        #0d2137;  /* base — header, hero, footer      */
  --navy-mid:    #16324d;  /* mid  — labinfo, raised surfaces  */
  --navy-lt:     #22456b;  /* light — hover/raised on navy     */
  --navy-deep:   #081726;  /* deepest — footer                 */
  --navy-soft:   rgba(13,33,55,.15);

  /* ── Accent: Ritsumeikan red ──────────────────────────────
     Small areas only: links, buttons, labels, rules, hover. */
  --red:         #ae130c;
  --red-dark:    #8a0f09;
  --red-hero:    #7a0b07;
  --red-mid:     #9e1208;
  --red-footer:  #4a0705;
  --accent:      #ae130c;
  --accent-lt:   #d94f47;
  --accent-soft: rgba(174,19,12,.12);

  /* ── Neutrals ─────────────────────────────────────────────── */
  --white:       #ffffff;
  --off-white:   #f8f7f7;
  --light-gray:  #f2f0f0;
  --bg:          #ffffff;
  --bg-soft:     #f7f4f4;
  --bg-card:     #fdf9f9;
  --border:      #e8e0e0;
  --border-red:  rgba(174,19,12,.15);

  /* ── Text ─────────────────────────────────────────────────── */
  --text:        #1a1a1a;
  --text-dark:   #1a1a1a;
  --text-sub:    #555555;
  --text-mid:    #444444;
  --text-light:  #777777;

  /* ── On-navy text (white-on-dark surfaces) ────────────────── */
  --on-navy:        rgba(255,255,255,.92);
  --on-navy-dim:    rgba(255,255,255,.60);
  --on-navy-border: rgba(255,255,255,.15);
}