/* ============================================================
   M-agency Presentation Design System — Colors
   House style: navy-led Japanese corporate presentation design,
   with a single swappable ACCENT per deck (theme-* classes).
   ============================================================ */

:root {
  /* ---- Navy / corporate blue scale (the brand backbone) ---- */
  --navy-900: #0C2340;   /* deepest — dark title slides, IR covers */
  --navy-800: #13335C;
  --navy-700: #1B4079;   /* primary navy — headings, banners */
  --navy-600: #244F94;
  --blue-500: #2D6CD1;   /* active blue — links, emphasis */
  --blue-400: #5B8FE0;
  --blue-200: #B9D0EE;
  --blue-100: #DCE8F7;
  --blue-50:  #EEF4FB;   /* tint wash backgrounds */

  /* ---- Neutral ink + surfaces ---- */
  --ink-900: #1A1F26;    /* primary text / Japanese headings */
  --ink-700: #3A424D;    /* body text */
  --ink-500: #6B7480;    /* secondary / captions */
  --ink-300: #A8B0BA;    /* disabled, faint English subtitles */
  --line:    #D9DEE5;    /* hairlines, table rules, borders */
  --line-strong: #C3CAD3;

  --surface:        #FFFFFF;  /* card / slide base */
  --surface-muted:  #F2F5F8;  /* panel fill, alt rows */
  --surface-tint:   #EEF4FB;  /* blue wash zones */
  --surface-navy:   #0E2A4D;  /* dark slide background */

  /* ---- Chart greys (M-agency bar/donut charts) ---- */
  --chart-ink:   #5E6772;  /* primary dark bar */
  --chart-mid:   #AEB6BF;  /* secondary bar */
  --chart-light: #D5DAE0;  /* tertiary bar */

  /* ---- Accent palette options (deck-level theme) ---- */
  --green-600: #5C8C16;
  --green-500: #7DB52A;   /* Asante green */
  --green-100: #E8F2D6;
  --red-600:   #A8161F;
  --red-500:   #C82832;   /* Third Sugar warm red */
  --red-100:   #F6DCDE;
  --gold-600:  #B08828;
  --gold-500:  #D6A93B;
  --gold-100:  #F6ECCF;

  /* ---- Semantic aliases (DEFAULT THEME = navy + blue accent) ---- */
  --brand-primary:   var(--navy-700);
  --brand-deep:      var(--navy-900);
  --accent:          var(--blue-500);
  --accent-deep:     var(--navy-700);
  --accent-tint:     var(--blue-100);
  --accent-wash:     var(--blue-50);
  --on-accent:       #FFFFFF;

  --text-heading:    var(--ink-900);
  --text-body:       var(--ink-700);
  --text-muted:      var(--ink-500);
  --text-on-dark:    #FFFFFF;
  --text-on-dark-mut:#B7C4D6;

  --surface-card:    var(--surface);
  --surface-page:    var(--surface);
  --border-card:     var(--line);

  /* highlight box for emphasised keywords「 」 */
  --keyword-border:  var(--accent);
  --keyword-text:    var(--accent-deep);
}

/* ===== Deck accent themes — set on the slide root ===== */
.theme-green {
  --accent: var(--green-500);
  --accent-deep: var(--green-600);
  --accent-tint: var(--green-100);
  --accent-wash: #F4F9EC;
  --keyword-border: var(--green-500);
  --keyword-text: var(--green-600);
}
.theme-red {
  --accent: var(--red-500);
  --accent-deep: var(--red-600);
  --accent-tint: var(--red-100);
  --accent-wash: #FCF2F3;
  --keyword-border: var(--red-500);
  --keyword-text: var(--red-600);
}
.theme-gold {
  --accent: var(--gold-500);
  --accent-deep: var(--gold-600);
  --accent-tint: var(--gold-100);
  --accent-wash: #FBF6E9;
  --keyword-border: var(--gold-500);
  --keyword-text: var(--gold-600);
}
.theme-navy {
  --accent: var(--navy-700);
  --accent-deep: var(--navy-900);
  --accent-tint: var(--blue-100);
  --accent-wash: var(--blue-50);
  --keyword-border: var(--navy-700);
  --keyword-text: var(--navy-900);
}