/* ClearTrust — Tier 1 tokens. Palette 4 (Hybrid), light and dark.
 *
 * GENERATED, NOT AUTHORED. Do not hand-edit — regenerate.
 * Source:  C.Design Exports/ClearTrust website colour and layoutV6.zip
 *          -> export/ClearTrust Phase 1 - ColourV5.dc.html   (this IS the V6 work; PROC-7)
 *          md5 308cc3626caa63addffe59cf549179b0, 147329 bytes
 * Method:  the `#pg{}` default block (palette 4 hybrid, light) and the
 *          `#pg[data-p="d"][data-m="dark"]` block, lifted verbatim. Values untouched.
 *          Only the SELECTOR is rewritten, and palettes a/b/c are dropped —
 *          the four-palette switcher does not ship.
 * Modes:   first visit follows prefers-color-scheme; an explicit choice wins both ways.
 */

:root {
  --ct-font-display: 'IBM Plex Serif',Georgia,serif;
  --ct-font-text: 'IBM Plex Sans',system-ui,sans-serif;
  --ct-font-mono: 'IBM Plex Mono',monospace;
  --ct-surface: #F2F4F6;
  --ct-surface-raised: #FFFFFF;
  --ct-surface-sunken: #E7EBEF;
  --ct-text: #12171C;
  --ct-text-secondary: #39434D;
  --ct-text-quiet: #57626D;
  --ct-rule: #DCE1E6;
  --ct-rule-strong: #7A8592;
  --ct-stroke: #6E7A88;
  --ct-accent: #2B6F7F;
  --ct-accent-hover: #173F4F;
  --ct-accent-tint: #E4EDEF;
  --ct-accent-label: #173F4F;
  --ct-emphasis-ink: #6E5210;
  --ct-emphasis-rule: #9A7420;
  --ct-emphasis-fill: #C9A24E;
  --ct-button: #12171C;
  --ct-button-text: #F2F4F6;
  --ct-header: #141E2A;
  --ct-header-text: #F2F4F6;
  --ct-header-text-secondary: #C4CDD6;
  --ct-header-rule: #2C3846;
  --ct-field: #D8DFE6;
  --ct-field-raised: #F3F4F6;
  --ct-field-frame: #526A86;
  --ct-field-text: #12171C;
  --ct-field-text-secondary: #39434D;
  --ct-field-text-quiet: #545E69;
  --ct-field-rule: #ACB7C5;
  --ct-field-stroke: #637A95;
  --ct-field-accent: #173F4F;
  --ct-field-emphasis: #6E5210;
  --ct-field-emphasis-2: #775919;
  --ct-field-button: #12171C;
  --ct-field-button-text: #D8DFE6;
  --ct-status-approved: #1F6B4A;
  --ct-status-qualified: #1D4E89;
  --ct-status-pending: #8A5A0B;
  --ct-status-conceptual: #5B4C8A;
  --ct-status-blocked: #A81F2D;
  --ct-status-withdrawn: #57626D;
  --ct-status-info: #35566E;
  --ct-data-1: #2B6F7F;
  --ct-data-2: #9A7420;
  --ct-data-3: #1F6B4A;
  --ct-data-4: #5B4C8A;
  --ct-data-5: #8A5A0B;
  --ct-data-6: #57626D;
  --ct-payin: #3C6E19;
  --ct-payout: #821475;
}

/* Direction pair — site-wide semantic, one value per mode. Declared, never drawn (R7, R9). */
:root[data-mode="dark"] {
  --ct-payin: #9BCC76;
  --ct-payout: #E09ED6;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-mode="light"]) {
    --ct-payin: #9BCC76;
    --ct-payout: #E09ED6;
  }
}

/* Palette 4 - hybrid, dark */
:root[data-mode="dark"] {
  --ct-accent-label: var(--ct-accent);
  --ct-header: var(--ct-field);
  --ct-header-text: var(--ct-field-text);
  --ct-header-text-secondary: var(--ct-field-text-secondary);
  --ct-header-rule: var(--ct-field-rule);
  --ct-surface: #232E3C;
  --ct-surface-raised: #2A3746;
  --ct-surface-sunken: #1B2430;
  --ct-text: #F2F4F6;
  --ct-text-secondary: #C4CDD6;
  --ct-text-quiet: #97A4AF;
  --ct-rule: #2C3846;
  --ct-rule-strong: #485768;
  --ct-stroke: #7C8A9E;
  --ct-accent: #74B4C4;
  --ct-accent-hover: #A6D2DD;
  --ct-accent-tint: #24404C;
  --ct-emphasis-ink: #E2C77E;
  --ct-emphasis-rule: #C9A24E;
  --ct-emphasis-fill: #C9A24E;
  --ct-button: #F2F4F6;
  --ct-button-text: #141E2A;
  --ct-field: #141E2A;
  --ct-field-raised: #232E3C;
  --ct-field-frame: #8593A6;
  --ct-field-text: #F2F4F6;
  --ct-field-text-secondary: #C4CDD6;
  --ct-field-text-quiet: #93A0AC;
  --ct-field-rule: #2C3846;
  --ct-field-stroke: #7C8A9E;
  --ct-field-accent: #74B4C4;
  --ct-field-emphasis: #C9A24E;
  --ct-field-emphasis-2: #E2C77E;
  --ct-field-button: #F2F4F6;
  --ct-field-button-text: #141E2A;
  --ct-status-approved: #63C398;
  --ct-status-qualified: #8FB6E8;
  --ct-status-pending: #E0B267;
  --ct-status-conceptual: #B5A6E8;
  --ct-status-blocked: #F09080;
  --ct-status-withdrawn: #A7B2BF;
  --ct-status-info: #9EC0D6;
  --ct-data-1: #74B4C4;
  --ct-data-2: #E0B267;
  --ct-data-3: #63C398;
  --ct-data-4: #B5A6E8;
  --ct-data-5: #F09080;
  --ct-data-6: #C4CDD6;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-mode="light"]) {
    --ct-accent-label: var(--ct-accent);
    --ct-header: var(--ct-field);
    --ct-header-text: var(--ct-field-text);
    --ct-header-text-secondary: var(--ct-field-text-secondary);
    --ct-header-rule: var(--ct-field-rule);
    --ct-surface: #232E3C;
    --ct-surface-raised: #2A3746;
    --ct-surface-sunken: #1B2430;
    --ct-text: #F2F4F6;
    --ct-text-secondary: #C4CDD6;
    --ct-text-quiet: #97A4AF;
    --ct-rule: #2C3846;
    --ct-rule-strong: #485768;
    --ct-stroke: #7C8A9E;
    --ct-accent: #74B4C4;
    --ct-accent-hover: #A6D2DD;
    --ct-accent-tint: #24404C;
    --ct-emphasis-ink: #E2C77E;
    --ct-emphasis-rule: #C9A24E;
    --ct-emphasis-fill: #C9A24E;
    --ct-button: #F2F4F6;
    --ct-button-text: #141E2A;
    --ct-field: #141E2A;
    --ct-field-raised: #232E3C;
    --ct-field-frame: #8593A6;
    --ct-field-text: #F2F4F6;
    --ct-field-text-secondary: #C4CDD6;
    --ct-field-text-quiet: #93A0AC;
    --ct-field-rule: #2C3846;
    --ct-field-stroke: #7C8A9E;
    --ct-field-accent: #74B4C4;
    --ct-field-emphasis: #C9A24E;
    --ct-field-emphasis-2: #E2C77E;
    --ct-field-button: #F2F4F6;
    --ct-field-button-text: #141E2A;
    --ct-status-approved: #63C398;
    --ct-status-qualified: #8FB6E8;
    --ct-status-pending: #E0B267;
    --ct-status-conceptual: #B5A6E8;
    --ct-status-blocked: #F09080;
    --ct-status-withdrawn: #A7B2BF;
    --ct-status-info: #9EC0D6;
    --ct-data-1: #74B4C4;
    --ct-data-2: #E0B267;
    --ct-data-3: #63C398;
    --ct-data-4: #B5A6E8;
    --ct-data-5: #F09080;
    --ct-data-6: #C4CDD6;
  }
}