/* Substrate theme: Rim (default)
 * Three widths of the Barlow superfamily over the Accessible Edition's AAA
 * body-accent palette, with the Rim-light heading range (Rim Teal / Rim Gold /
 * Rim Magenta) carried on heading rules. Violet aliased to Iron —
 * PKD/Coherence content carries a mandatory text label so the semantic
 * distinction is preserved without color.
 * See design/design/visual_style_guide_04_rim.md.
 *
 * This is the DEFAULT ground state: its selector matches a bare :root (no
 * data-theme) as well as data-theme="rim", so a first-time visitor gets the
 * Rim theme with no flash before the theme JS runs. Transit, Decay, and
 * Accessible apply only when their data-theme is explicitly set. */

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Barlow+Condensed:wght@500;600;700&family=Barlow+Semi+Condensed:wght@400;500;600;700&display=swap');

:root:not([data-theme="transit"]):not([data-theme="decay"]):not([data-theme="accessible"]) {
  color-scheme: light;
  --sub-bg:           #FFFFFF;
  --sub-surface:      #F2F2F0;
  --sub-border:       #8A8A8A;
  --sub-text:         #1A1A1A;
  --sub-muted:        #505050;

  --sub-teal:         #0D3D7A;
  --sub-teal-light:   #E2EBF5;
  --sub-amber:        #6B4400;
  --sub-amber-light:  #F3EDD8;
  --sub-violet:       #404040;   /* aliased to Iron */
  --sub-violet-light: #F2F2F0;
  --sub-iron:         #404040;
  --sub-ember:        #7A0000;
  --sub-ember-light:  #F5E0E0;

  --sub-success:      #1A6629;
  --sub-danger:       var(--sub-ember);
  --sub-danger-light: var(--sub-ember-light);

  --sub-stamp-flagged:    var(--sub-teal);
  --sub-stamp-restricted: var(--sub-violet);
  --sub-stamp-audited:    var(--sub-amber);
  --sub-stamp-frozen:     var(--sub-iron);
  --sub-stamp-disputed:   var(--sub-ember);

  --sub-roll-critical: var(--sub-success);
  --sub-roll-fumble:   var(--sub-ember);

  /* Heading-only accent range — distinct from the body accents above. */
  --h1-color:         #0A5C66;   /* Rim Teal */
  --h2-color:         #7A4B00;   /* Rim Gold */
  --h3-color:         #6B1F5E;   /* Rim Magenta */
  --h4-color:         #0A5C66;

  --font-primary:       'Barlow', sans-serif;
  --font-display:       'Barlow Condensed', sans-serif;
  --font-institutional: 'Barlow Semi Condensed', sans-serif;

/* ─── Rim system contract ─────────────────────────────────────────────
 * Consumed by every component stylesheet (css/substrate-nav.css documents
 * the contract). The theme keeps its own faces and palette; the discipline
 * — three type roles, a heading range, 1px rules, 2px control corners —
 * is shared. */
  --rule-weight:        1px;
  --radius-control:     2px;
  --radius-plate:       0;
  --track-body:         0.012em;
  --track-inst:         0.06em;
}

@media screen {
  :root:not([data-theme="transit"]):not([data-theme="decay"]):not([data-theme="accessible"])[data-color-mode="dark"] {
    color-scheme: dark;
    --sub-bg:           #121212;
    --sub-surface:      #1E1E1E;
    --sub-border:       #6A6A6A;
    --sub-text:         #EEEEEE;
    --sub-muted:        #B8B8B8;

    --sub-teal:         #6EA8E0;
    --sub-teal-light:   #1A2535;
    --sub-amber:        #E0B050;
    --sub-amber-light:  #2A2418;
    --sub-violet:       #B8B8B8;
    --sub-violet-light: #1E1E1E;
    --sub-iron:         #B8B8B8;
    --sub-ember:        #E07070;
    --sub-ember-light:  #2A1818;

    --sub-success:      #66D27E;

    --h1-color:         #4FD8E8;
    --h2-color:         #E0B050;
    --h3-color:         #D89ED0;
    --h4-color:         #4FD8E8;
  }
}

@media screen and (prefers-color-scheme: dark) {
  :root:not([data-theme="transit"]):not([data-theme="decay"]):not([data-theme="accessible"]):not([data-color-mode="light"]) {
    color-scheme: dark;
    --sub-bg:           #121212;
    --sub-surface:      #1E1E1E;
    --sub-border:       #6A6A6A;
    --sub-text:         #EEEEEE;
    --sub-muted:        #B8B8B8;

    --sub-teal:         #6EA8E0;
    --sub-teal-light:   #1A2535;
    --sub-amber:        #E0B050;
    --sub-amber-light:  #2A2418;
    --sub-violet:       #B8B8B8;
    --sub-violet-light: #1E1E1E;
    --sub-iron:         #B8B8B8;
    --sub-ember:        #E07070;
    --sub-ember-light:  #2A1818;

    --sub-success:      #66D27E;

    --h1-color:         #4FD8E8;
    --h2-color:         #E0B050;
    --h3-color:         #D89ED0;
    --h4-color:         #4FD8E8;
  }
}