/*
 * PK -> Flair colour-scheme bridge. GENERATED — do not edit.
 * Regenerate: node flair_pk/sync-pk.mjs
 *
 * Selectors mirror Flair's own, including the :root compound, so specificity
 * matches and load order decides. Every branch Flair defines is covered:
 * system (under the media query), dark, and light.
 */

:root {
  --md-sys-color-surface: #EEEFEC;
  --md-sys-color-surface-container: #edeee9;
  --md-sys-color-on-surface: #1A1B19;
  --md-sys-color-on-surface-variant: #414942;
  --md-sys-color-outline: #5E625D;
  --md-sys-color-outline-variant: #D6D8D3;
  --md-sys-color-inverse-surface: #1A1B19;
  --md-sys-color-inverse-on-surface: #EEEFEC;
  --md-sys-color-primary: #1E5457;
  --md-sys-color-on-primary: #ffffff;
}

@media (prefers-color-scheme: dark) {
  [data-color-scheme='system']:root {
    --md-sys-color-surface: #1A1B19;
    --md-sys-color-surface-container: #1d201d;
    --md-sys-color-on-surface: #EEEFEC;
    --md-sys-color-on-surface-variant: #c0c9bf;
    --md-sys-color-outline: #8b938a;
    --md-sys-color-outline-variant: #414942;
    --md-sys-color-inverse-surface: #EEEFEC;
    --md-sys-color-inverse-on-surface: #1A1B19;
    --md-sys-color-primary: #9cd0d3;
    --md-sys-color-on-primary: #003739;
  }
}

[data-color-scheme='dark']:root {
  --md-sys-color-surface: #1A1B19;
  --md-sys-color-surface-container: #1d201d;
  --md-sys-color-on-surface: #EEEFEC;
  --md-sys-color-on-surface-variant: #c0c9bf;
  --md-sys-color-outline: #8b938a;
  --md-sys-color-outline-variant: #414942;
  --md-sys-color-inverse-surface: #EEEFEC;
  --md-sys-color-inverse-on-surface: #1A1B19;
  --md-sys-color-primary: #9cd0d3;
  --md-sys-color-on-primary: #003739;
}

[data-color-scheme='light']:root {
  --md-sys-color-surface: #EEEFEC;
  --md-sys-color-surface-container: #edeee9;
  --md-sys-color-on-surface: #1A1B19;
  --md-sys-color-on-surface-variant: #414942;
  --md-sys-color-outline: #5E625D;
  --md-sys-color-outline-variant: #D6D8D3;
  --md-sys-color-inverse-surface: #1A1B19;
  --md-sys-color-inverse-on-surface: #EEEFEC;
  --md-sys-color-primary: #1E5457;
  --md-sys-color-on-primary: #ffffff;
}

/* The mapping itself, declared at every scheme selector so it never loses. */
:root,
[data-color-scheme='system']:root,
[data-color-scheme='dark']:root,
[data-color-scheme='light']:root {
  --color-typography:         var(--md-sys-color-on-surface);
  --color-typography-content: var(--md-sys-color-on-surface-variant);
  --color-typography-tone:    var(--md-sys-color-outline);
  --color-typography-reverse: var(--md-sys-color-inverse-on-surface);
  --color-background:         var(--md-sys-color-surface);
  --color-background-tone:    var(--md-sys-color-surface-container);
  --color-background-reverse: var(--md-sys-color-inverse-surface);
  --color-border:             var(--md-sys-color-outline-variant);
  --color-border-reverse:     var(--md-sys-color-outline);
  --ghost-accent-color:       var(--md-sys-color-primary);
  --color-brand:              var(--md-sys-color-primary);
  --color-brand-contrast:     var(--md-sys-color-on-primary);
  --color-accent:             var(--md-sys-color-primary);
  --content-width: 680px;
  --content-width-wide: 1120px;
}