@property --surface{syntax:"<color>";inherits:true;initial-value:#fff}@property --text{syntax:"<color>";inherits:true;initial-value:#000}@property --_from{syntax:"<color>";inherits:true;initial-value:#fff}@property --_luma{syntax:"<color>";inherits:false;initial-value:#fff}@property --_solved{syntax:"<color>";inherits:false;initial-value:#fff}@property --_parent-from{syntax:"<color>";inherits:true;initial-value:#fff}@property --_parent-solved{syntax:"<color>";inherits:true;initial-value:#fff}@property --_parent-surface{syntax:"<color>";inherits:true;initial-value:#fff}@property --_parent-text{syntax:"<color>";inherits:true;initial-value:#000}[data-surface=tint]{--white:0;--chroma:1;--_from:oklch(from var(--base,#777) calc(l + (1 - l) * var(--white)) c h / max(l, .004));--surface:oklch(from var(--_from) l calc(c * (1 - var(--white)) * var(--chroma)) h / 1);--_parent-from:var(--_from);--_parent-solved:var(--_solved);--_parent-surface:var(--surface);--_parent-text:var(--text)}[data-surface=nested]{--mix:.12;--surface:color-mix(in oklch, var(--_parent-surface) calc((1 - var(--mix)) * 100%), var(--_parent-text));--_from:color-mix(in oklch, var(--_parent-from) calc((1 - var(--mix)) * 100%), var(--_parent-solved))}[data-surface]{background-color:var(--surface)}[data-surface],[data-contrast]{--_y:pow(max(0, 1.055 * pow(l, 1.25) - .055), 2.4);--_yc:(var(--_y) + pow(max(0, .022 - var(--_y)), 1.414));--_luma:oklch(from var(--_from) calc(var(--_yc)) c h / alpha);--_k:(((clamp(30, var(--target,90), 105) + var(--margin,5)) / 100 + .027) / 1.14);--_black-y:pow(.022, 1.414);--_dark-y:pow(max(0, pow(l, .56) - var(--_k)), 1.75439);--_light-y:pow(pow(l, .65) + var(--_k), 1.6129);--_dark-l:clamp(0, pow((pow(var(--_dark-y), .416667) + .055) / 1.055, .8), 1);--_light-l:clamp(0, pow((pow(var(--_light-y), .416667) + .055) / 1.055, .8), 1);--_dark-ok:clamp(0, (var(--_dark-y) - var(--_black-y)) * 1000000, 1);--_light-ok:clamp(0, (1 - var(--_light-y)) * 1000000, 1);--_any-ok:min(1, var(--_dark-ok) + var(--_light-ok));--_nearer-dark:clamp(0, (abs(var(--_light-l) - alpha) - abs(var(--_dark-l) - alpha)) * 1000000 + 1, 1);--_use-dark:(var(--_dark-ok) * (1 - var(--_light-ok)) + var(--_dark-ok) * var(--_light-ok) * var(--_nearer-dark));--_reachable-l:(var(--_use-dark) * var(--_dark-l) + (1 - var(--_use-dark)) * var(--_light-l));--_max-dark:((pow(l, .56) - pow(var(--_black-y), .57)) * 1.14 - .027);--_max-light:((1 - pow(l, .65)) * 1.14 - .027);--_fallback-l:clamp(0, (var(--_max-light) - var(--_max-dark)) * 1000000, 1);--_picked-l:(var(--_any-ok) * var(--_reachable-l) + (1 - var(--_any-ok)) * var(--_fallback-l));--_base-y:pow(max(0, 1.055 * pow(alpha, 1.25) - .055), 2.4);--_base-yc:(var(--_base-y) + pow(max(0, .022 - var(--_base-y)), 1.414));--_base-lc:(max(pow(l, .56) - pow(var(--_base-yc), .57), pow(var(--_base-yc), .62) - pow(l, .65)) * 114 - 2.7);--_keep-base:clamp(0, (var(--_base-lc) - clamp(30, var(--target,90), 105) - var(--margin,5)) * 1000000 + 1, 1);--_text-l:(var(--_keep-base) * alpha + (1 - var(--_keep-base)) * var(--_picked-l));--_solved:oklch(from var(--_luma) calc(var(--_text-l)) c h / alpha);--text:oklch(from var(--_solved) l calc(c * clamp(0, min(l / max(alpha, .001), (1 - l) / max(1 - alpha, .001)), 1)) h / 1);color:var(--text)}[data-allocation=scheduled],[data-allocation=logged]{--white:0;--chroma:1}[data-allocation=suggested]{--white:.9}[data-allocation=locked]{--white:.75}[data-allocation=complete]{--white:.75;--chroma:.5}[data-allocation=tentative]{--white:1}[data-allocation] [data-surface=nested]{--mix:.12}
