/* AUTO-GENERATED by accid-color-system.html. Do not hand-edit:
   the generator overwrites this file without checking. Hand overrides
   belong in project_styles.css, which loads last. */
  :root {
    /* ⚠ color-scheme is what makes light-dark() resolve. Without it every
       light-dark() falls to its FIRST argument and dark mode silently
       renders the light palette. */
    color-scheme: light dark;

    /* Base — the rule's lightness in each mode. Not a contrast step: the
       base is the colour, the steps are what it becomes to be readable. */
    --c1: #8995e9;
    --c1: oklch(69.5% 0.124 276.5);
    --on-c1: #0b0c11;
    --on-c1: oklch(15.6% 0.011 276.2);
    --c2: #cd7eba;
    --c2: oklch(69.6% 0.124 336.2);
    --on-c2: #06070b;
    --on-c2: oklch(12.9% 0.010 271.9);
    --c3: #df8065;
    --c3: oklch(69.7% 0.124 36.7);
    --on-c3: #09090e;
    --on-c3: oklch(14.2% 0.011 284.9);
    --c4: #b49d33;
    --c4: oklch(69.7% 0.125 96.6);
    --on-c4: #111116;
    --on-c4: oklch(18.0% 0.010 285.3);
    --c5: #51b47d;
    --c5: oklch(69.6% 0.124 156.6);
    --on-c5: #15161b;
    --on-c5: oklch(20.1% 0.010 276.5);
    --c6: #00afcf;
    --c6: oklch(69.5% 0.124 217.1);
    --on-c6: #141519;
    --on-c6: oklch(19.6% 0.008 274.5);

    /* Contrast steps — each named by the WCAG 2 ratio it achieves
       AGAINST THE PAGE SURFACE, solved per hue and per mode. A step
       lands ON its ratio (+/-0.05); one that cannot is omitted and
       reported below rather than emitted wrong. */
    --c1-r12: light-dark(#e5eaff, #160061);
    --c1-r15: light-dark(#c8d1ff, #241484);
    --c1-r20: light-dark(#a6b3ff, #332e9c);
    --c1-r30: light-dark(#7e8aff, #484cbb);
    --c1-r45: light-dark(#626bdd, #6169da);
    --c1-r70: light-dark(#484bba, #7f8bff);
    --c2-r12: light-dark(#ffe2f7, #38002e);
    --c2-r15: light-dark(#ffc0ee, #58004a);
    --c2-r20: light-dark(#ff92e5, #780367);
    --c2-r30: light-dark(#db6dc3, #972d83);
    --c2-r45: light-dark(#b94ea3, #b74ba0);
    --c2-r70: light-dark(#972c82, #dc6ec3);
    --c3-r12: light-dark(#ffe5dd, #3a0700);
    --c3-r15: light-dark(#ffc6b6, #591200);
    --c3-r20: light-dark(#ff9e83, #7a1e00);
    --c3-r30: light-dark(#f06d48, #a72d00);
    --c3-r45: light-dark(#cd4c27, #ca4a24);
    --c3-r70: light-dark(#a62d00, #f16e49);
    --c4-r12: light-dark(#ffeb94, #211a00);
    --c4-r15: light-dark(#f3d125, #352c00);
    --c4-r20: light-dark(#d5b600, #4b3f00);
    --c4-r30: light-dark(#ae9400, #695900);
    --c4-r45: light-dark(#8b7600, #887300);
    --c4-r70: light-dark(#695800, #ae9400);
    --c5-r12: light-dark(#9bffc3, #00200e);
    --c5-r15: light-dark(#56ed9e, #00341b);
    --c5-r20: light-dark(#2dd083, #004a29);
    --c5-r30: light-dark(#00ab66, #00673c);
    --c5-r45: light-dark(#008851, #00864f);
    --c5-r70: light-dark(#00673b, #00ab67);
    --c6-r12: light-dark(#c4f2ff, #001e25);
    --c6-r15: light-dark(#6fe2ff, #00313c);
    --c6-r20: light-dark(#00c8eb, #004654);
    --c6-r30: light-dark(#00a3c0, #006275);
    --c6-r45: light-dark(#00829a, #008097);
    --c6-r70: light-dark(#006274, #00a4c1);

    /* The surface every -rNN step above was measured against.
       A page that paints something else invalidates the ladder. */
    --page-surface: light-dark(#ffffff, #010102);
    --on-page-surface: light-dark(#57595f, #94959c);

    /* Alphas — the base at a fixed opacity, per mode. */
    --c1-a10: #8995e91a;
    --c1-a20: #8995e933;
    --c1-a30: #8995e94d;
    --c1-a40: #8995e966;
    --c1-a50: #8995e980;
    --c1-a60: #8995e999;
    --c1-a70: #8995e9b3;
    --c1-a80: #8995e9cc;
    --c1-a90: #8995e9e6;
    --c2-a10: #cd7eba1a;
    --c2-a20: #cd7eba33;
    --c2-a30: #cd7eba4d;
    --c2-a40: #cd7eba66;
    --c2-a50: #cd7eba80;
    --c2-a60: #cd7eba99;
    --c2-a70: #cd7ebab3;
    --c2-a80: #cd7ebacc;
    --c2-a90: #cd7ebae6;
    --c3-a10: #df80651a;
    --c3-a20: #df806533;
    --c3-a30: #df80654d;
    --c3-a40: #df806566;
    --c3-a50: #df806580;
    --c3-a60: #df806599;
    --c3-a70: #df8065b3;
    --c3-a80: #df8065cc;
    --c3-a90: #df8065e6;
    --c4-a10: #b49d331a;
    --c4-a20: #b49d3333;
    --c4-a30: #b49d334d;
    --c4-a40: #b49d3366;
    --c4-a50: #b49d3380;
    --c4-a60: #b49d3399;
    --c4-a70: #b49d33b3;
    --c4-a80: #b49d33cc;
    --c4-a90: #b49d33e6;
    --c5-a10: #51b47d1a;
    --c5-a20: #51b47d33;
    --c5-a30: #51b47d4d;
    --c5-a40: #51b47d66;
    --c5-a50: #51b47d80;
    --c5-a60: #51b47d99;
    --c5-a70: #51b47db3;
    --c5-a80: #51b47dcc;
    --c5-a90: #51b47de6;
    --c6-a10: #00afcf1a;
    --c6-a20: #00afcf33;
    --c6-a30: #00afcf4d;
    --c6-a40: #00afcf66;
    --c6-a50: #00afcf80;
    --c6-a60: #00afcf99;
    --c6-a70: #00afcfb3;
    --c6-a80: #00afcfcc;
    --c6-a90: #00afcfe6;

    /* And the same ratio ladder, for text that must be readable. */
    --neutral-r12: light-dark(#e9eaf2, #191a1f);
    --neutral-r15: light-dark(#d1d3da, #2b2c32);
    --neutral-r20: light-dark(#b6b7be, #3e4045);
    --neutral-r30: light-dark(#93959c, #58595f);
    --neutral-r45: light-dark(#75767d, #73747b);
    --neutral-r70: light-dark(#57595f, #94959c);

    /* Roles — pointers, never a second copy of a colour. */
    --brand: var(--c1);
    --on-brand: var(--on-c1);
    --accent: var(--c2);
    --on-accent: var(--on-c2);
    --brand-r12: var(--c1-r12);
    --accent-r12: var(--c2-r12);
    --brand-r15: var(--c1-r15);
    --accent-r15: var(--c2-r15);
    --brand-r20: var(--c1-r20);
    --accent-r20: var(--c2-r20);
    --brand-r30: var(--c1-r30);
    --accent-r30: var(--c2-r30);
    --brand-r45: var(--c1-r45);
    --accent-r45: var(--c2-r45);
    --brand-r70: var(--c1-r70);
    --accent-r70: var(--c2-r70);
    --brand-a10: var(--c1-a10);
    --accent-a10: var(--c2-a10);
    --brand-a20: var(--c1-a20);
    --accent-a20: var(--c2-a20);
    --brand-a30: var(--c1-a30);
    --accent-a30: var(--c2-a30);
    --brand-a40: var(--c1-a40);
    --accent-a40: var(--c2-a40);
    --brand-a50: var(--c1-a50);
    --accent-a50: var(--c2-a50);
    --brand-a60: var(--c1-a60);
    --accent-a60: var(--c2-a60);
    --brand-a70: var(--c1-a70);
    --accent-a70: var(--c2-a70);
    --brand-a80: var(--c1-a80);
    --accent-a80: var(--c2-a80);
    --brand-a90: var(--c1-a90);
    --accent-a90: var(--c2-a90);

    /* Status, and ONLY status: real errors, warnings, successes, notices.
       Everything decorative uses c1-c6 steps (SPI-577 item 8). */
    --success: #18a957;
    --success: oklch(64.6% 0.165 151.5);
    --warning: #ffb020;
    --warning: oklch(81.3% 0.165 75.0);
    --danger: #e5484d;
    --danger: oklch(62.6% 0.193 23.0);
    --info: #2f7eea;
    --info: oklch(60.3% 0.180 257.5);
    --on-success: #ffffff;
    --on-warning: #000000;
    --on-danger: #ffffff;
    --on-info: #ffffff;

  }

/* Generated by ACCID Color System */
/* Rule: L 0.696/0.696 C 0.124 hue0 246.5 wheel 30 accent c2 */
/* ACCID-RULE {"L_light":0.696,"L_dark":0.696,"C":0.124,"hue0":246.5,"wheel":30,"accent":"c2"} */
/* Timestamp: 2026-10-03T06:00:50.527Z */