@cirthcss/cirth 0.15.0-beta.1 → 0.15.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/README.md +1 -1
  2. package/dist/cirth.classless.css +194 -152
  3. package/dist/cirth.classless.min.css +1 -1
  4. package/dist/cirth.classless.scoped.css +194 -152
  5. package/dist/cirth.classless.scoped.min.css +1 -1
  6. package/dist/cirth.css +241 -152
  7. package/dist/cirth.min.css +1 -1
  8. package/dist/cirth.print.classless.css +9 -7
  9. package/dist/cirth.print.classless.min.css +1 -1
  10. package/dist/cirth.print.classless.scoped.css +9 -7
  11. package/dist/cirth.print.classless.scoped.min.css +1 -1
  12. package/dist/cirth.print.css +9 -7
  13. package/dist/cirth.print.min.css +1 -1
  14. package/dist/cirth.print.scoped.css +9 -7
  15. package/dist/cirth.print.scoped.min.css +1 -1
  16. package/dist/cirth.scoped.css +241 -152
  17. package/dist/cirth.scoped.min.css +1 -1
  18. package/package.json +6 -4
package/dist/cirth.scoped.css CHANGED
@@ -41,6 +41,10 @@
41
41
  margin-bottom: var(--cirth-block-spacing-vertical);
42
42
  }
43
43
 
44
+ .cirth main > section + section {
45
+ margin-block-start: var(--cirth-space-8);
46
+ }
47
+
44
48
  .cirth .container, .cirth .container-fluid {
45
49
  display: grid;
46
50
  }
@@ -215,6 +219,15 @@
215
219
  background-color: var(--cirth-mark-background-color);
216
220
  color: var(--cirth-mark-color);
217
221
  vertical-align: baseline;
222
+ -webkit-box-decoration-break: clone;
223
+ box-decoration-break: clone;
224
+ }
225
+
226
+ @media (forced-colors: active) {
227
+ .cirth mark {
228
+ color: marktext;
229
+ background-color: mark;
230
+ }
218
231
  }
219
232
 
220
233
  .cirth blockquote {
@@ -456,6 +469,27 @@
456
469
  0 0 0 var(--cirth-outline-width) var(--cirth-contrast-focus);
457
470
  }
458
471
 
472
+ .cirth :is(button, [type="submit"], [type="button"], [role="button"]).danger {
473
+ --cirth-background-color: light-dark(var(--cirth-error), color-mix(in oklch, var(--cirth-error) 55%, black));
474
+ --cirth-border-color: var(--cirth-background-color);
475
+ --cirth-color: var(--cirth-primary-inverse);
476
+ }
477
+
478
+ .cirth :is(button, [type="submit"], [type="button"], [role="button"]).danger:is([aria-current]:not([aria-current="false"]), :hover, :active, :focus) {
479
+ --cirth-background-color: light-dark(color-mix(in oklch, var(--cirth-error) 85%, black), color-mix(in oklch, var(--cirth-error) 50%, black));
480
+ --cirth-border-color: var(--cirth-background-color);
481
+ --cirth-color: var(--cirth-primary-inverse);
482
+ }
483
+
484
+ .cirth :is(button, [type="submit"], [type="button"], [role="button"]).danger:focus-visible, .cirth :is(button, [type="submit"], [type="button"], [role="button"]).danger[aria-current]:not([aria-current="false"]):focus-visible {
485
+ --cirth-box-shadow: var(--cirth-button-hover-box-shadow, 0 0 0 #0000),
486
+ 0
487
+ 0
488
+ 0
489
+ var(--cirth-outline-width)
490
+ var(--cirth-form-element-invalid-focus-color);
491
+ }
492
+
459
493
  .cirth :is(button, [type="submit"], [type="button"], [role="button"]).outline, .cirth [type="reset"].outline {
460
494
  --cirth-background-color: var(--cirth-form-element-background-color);
461
495
  }
@@ -542,6 +576,32 @@
542
576
  --cirth-border-color: transparent;
543
577
  }
544
578
 
579
+ .cirth :is(button, [type="submit"], [type="button"], [role="button"]).outline.danger {
580
+ --cirth-background-color: var(--cirth-form-element-background-color);
581
+ --cirth-color: var(--cirth-error-text);
582
+ --cirth-border-color: var(--cirth-error-border);
583
+ }
584
+
585
+ .cirth :is(button, [type="submit"], [type="button"], [role="button"]).outline.danger:is([aria-current]:not([aria-current="false"]), :hover, :active, :focus) {
586
+ --cirth-background-color: var(--cirth-error-surface);
587
+ --cirth-color: var(--cirth-error-text);
588
+ --cirth-border-color: var(--cirth-error-active);
589
+ }
590
+
591
+ .cirth :is(button, [type="submit"], [type="button"], [role="button"]).ghost.danger {
592
+ --cirth-background-color: transparent;
593
+ --cirth-color: var(--cirth-error-text);
594
+ --cirth-border-color: transparent;
595
+ }
596
+
597
+ .cirth :is(button, [type="submit"], [type="button"], [role="button"]).ghost.danger:is([aria-current]:not([aria-current="false"]), :hover, :active, :focus) {
598
+ --cirth-background-color: color-mix(in oklch,
599
+ var(--cirth-error) 12%,
600
+ transparent);
601
+ --cirth-color: var(--cirth-error-text);
602
+ --cirth-border-color: transparent;
603
+ }
604
+
545
605
  .cirth :where(button, [type="submit"], [type="reset"], [type="button"], [role="button"])[disabled], .cirth :where(fieldset[disabled]) :is(button, [type="submit"], [type="button"], [type="reset"], [role="button"]) {
546
606
  opacity: var(--cirth-opacity-disabled);
547
607
  pointer-events: none;
@@ -560,6 +620,8 @@
560
620
 
561
621
  .cirth caption {
562
622
  color: var(--cirth-muted-color);
623
+ font-size: var(--cirth-font-size-sm);
624
+ line-height: var(--cirth-line-height-normal);
563
625
  text-align: start;
564
626
  padding-block-end: calc(var(--cirth-spacing) * .5);
565
627
  }
@@ -670,6 +732,8 @@
670
732
  .cirth figure figcaption {
671
733
  padding: calc(var(--cirth-spacing) * .5) 0;
672
734
  color: var(--cirth-muted-color);
735
+ font-size: var(--cirth-font-size-sm);
736
+ line-height: var(--cirth-line-height-normal);
673
737
  }
674
738
 
675
739
  .cirth hr {
@@ -1169,9 +1233,9 @@
1169
1233
 
1170
1234
  .cirth [type="range"] {
1171
1235
  appearance: none;
1172
- background: none;
1173
1236
  width: 100%;
1174
- height: 1.25rem;
1237
+ height: max(2.75rem, var(--cirth-font-size-md) * var(--cirth-line-height) + var(--cirth-form-element-spacing-vertical) * 2 + var(--cirth-border-width) * 2);
1238
+ background: none;
1175
1239
  }
1176
1240
 
1177
1241
  .cirth [type="range"]::-webkit-slider-runnable-track {
@@ -1218,6 +1282,18 @@
1218
1282
  --cirth-range-thumb-color: var(--cirth-range-thumb-active-color);
1219
1283
  }
1220
1284
 
1285
+ @media (hover: hover) and (pointer: fine) {
1286
+ .cirth [type="range"]:hover:not(:active, :focus, :disabled) {
1287
+ --cirth-range-border-color: var(--cirth-range-active-border-color);
1288
+ --cirth-range-thumb-color: var(--cirth-secondary-hover);
1289
+ }
1290
+ }
1291
+
1292
+ .cirth [type="range"]:focus-visible {
1293
+ outline: var(--cirth-outline-width) solid var(--cirth-primary-focus);
1294
+ outline-offset: var(--cirth-space-1);
1295
+ }
1296
+
1221
1297
  .cirth [type="range"]:active::-webkit-slider-thumb {
1222
1298
  transform: scale(1.25);
1223
1299
  }
@@ -1817,7 +1893,7 @@
1817
1893
  @starting-style {
1818
1894
  .cirth dialog[open] > article {
1819
1895
  opacity: 0;
1820
- transform: translateY(-100%);
1896
+ transform: translateY(-.5rem);
1821
1897
  }
1822
1898
  }
1823
1899
 
@@ -2182,6 +2258,7 @@
2182
2258
  scroll-behavior: auto;
2183
2259
  transition-delay: var(--cirth-duration-instant);
2184
2260
  transition-duration: var(--cirth-duration-instant);
2261
+ --cirth-transition: var(--cirth-duration-instant) var(--cirth-ease-out);
2185
2262
  animation-duration: 1ms;
2186
2263
  animation-iteration-count: 1;
2187
2264
  animation-delay: -1ms;
@@ -2344,7 +2421,11 @@
2344
2421
  --cirth-icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
2345
2422
  --cirth-icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
2346
2423
  --cirth-icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
2347
- --cirth-icon-loading: url("data:image/svg+xml,%3Csvg fill='none' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E g %7B animation: rotate 2s linear infinite; transform-origin: center center; %7D circle %7B stroke-dasharray: 75,100; stroke-dashoffset: -5; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; %7D @keyframes rotate %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D @keyframes dash %7B 0%25 %7B stroke-dasharray: 1,100; stroke-dashoffset: 0; %7D 50%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -17.5; %7D 100%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -62; %7D %7D %3C/style%3E%3Cg%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='rgb(136, 146, 164)' stroke-width='4' /%3E%3C/g%3E%3C/svg%3E");
2424
+ --cirth-icon-loading: url("data:image/svg+xml,%3Csvg fill='none' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E g %7B animation: rotate 2s linear infinite; transform-origin: center center; %7D circle %7B stroke-dasharray: 75,100; stroke-dashoffset: -5; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; %7D @keyframes rotate %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D @keyframes dash %7B 0%25 %7B stroke-dasharray: 1,100; stroke-dashoffset: 0; %7D 50%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -17.5; %7D 100%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -62; %7D %7D %3C/style%3E%3Cg%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='rgb(142, 144, 161)' stroke-width='4' /%3E%3C/g%3E%3C/svg%3E");
2425
+ }
2426
+
2427
+ .cirth :focus-visible {
2428
+ transition-duration: var(--cirth-duration-instant);
2348
2429
  }
2349
2430
 
2350
2431
  .cirth a, .cirth a.secondary, .cirth a.contrast {
@@ -2497,47 +2578,46 @@
2497
2578
  }
2498
2579
 
2499
2580
  .cirth {
2500
- --cirth-canvas: light-dark(oklch(97.4% .004 69.35), oklch(20.15% .003 264));
2501
- --cirth-ink: light-dark(oklch(35.3% .021 264), oklch(83% .016 264));
2581
+ --cirth-canvas: light-dark(oklch(97.3% .006 44), oklch(20.15% .0225 280));
2582
+ --cirth-ink: light-dark(oklch(35.3% .027 280), oklch(83% .011 280));
2502
2583
  --cirth-color: var(--cirth-ink);
2503
- --cirth-text-selection-color: light-dark(oklch(65.7% .121 69.35 / .25), oklch(70% .129 69.35 / .1875));
2504
- --cirth-muted-color: light-dark(oklch(52.7% .032 264), oklch(65.7% .03 264));
2505
- --cirth-muted-border-color: light-dark(oklch(93.85% .003 264), oklch(26.7% .011 264));
2506
- --cirth-error: light-dark(oklch(44% .151 29.73), oklch(74.3% .133 29.73));
2507
- --cirth-success: light-dark(oklch(52.7% .1 160.59), oklch(65.7% .125 160.59));
2508
- --cirth-warning: light-dark(oklch(48.3% .086 78), oklch(70% .124 78));
2509
- --cirth-primary: light-dark(oklch(52.7% .097 69.35), oklch(70% .129 69.35));
2510
- --cirth-secondary: light-dark(oklch(52.7% .032 264), oklch(70% .028 264));
2511
- --cirth-secondary-underline: light-dark(oklch(52.7% .032 264 / .5), oklch(70% .028 264 / .5));
2512
- --cirth-secondary-hover: light-dark(oklch(44% .028 264), oklch(78.7% .021 264));
2513
- --cirth-secondary-hover-background: light-dark(oklch(44% .028 264), oklch(52.7% .032 264));
2514
- --cirth-secondary-focus: light-dark(oklch(48.3% .03 264 / .7), oklch(70% .028 264 / .7));
2515
- --cirth-contrast: light-dark(oklch(22.3% .006 264), oklch(91.7% .006 264));
2516
- --cirth-contrast-background: light-dark(oklch(22.3% .006 264), oklch(96% 0 264));
2517
- --cirth-contrast-underline: light-dark(oklch(22.3% .006 264 / .5), oklch(91.7% .006 264 / .5));
2584
+ --cirth-muted-color: light-dark(oklch(52.7% .031 280), oklch(65.7% .025 280));
2585
+ --cirth-muted-border-color: light-dark(oklch(93.85% .002 280), oklch(26.7% .025 280));
2586
+ --cirth-error: light-dark(oklch(44% .151 22), oklch(74.3% .133 22));
2587
+ --cirth-success: light-dark(oklch(52.7% .115 153), oklch(65.7% .144 153));
2588
+ --cirth-warning: light-dark(oklch(48.3% .084 89.5), oklch(70% .122 89.5));
2589
+ --cirth-primary: light-dark(oklch(52.7% .107 44), oklch(65.7% .134 44));
2590
+ --cirth-secondary: light-dark(oklch(52.7% .031 280), oklch(70% .021 280));
2591
+ --cirth-secondary-underline: light-dark(oklch(52.7% .031 280 / .5), oklch(70% .021 280 / .5));
2592
+ --cirth-secondary-hover: light-dark(oklch(44% .029 280), oklch(78.7% .014 280));
2593
+ --cirth-secondary-hover-background: light-dark(oklch(44% .029 280), oklch(52.7% .031 280));
2594
+ --cirth-secondary-focus: light-dark(oklch(48.3% .03 280 / .7), oklch(70% .021 280 / .7));
2595
+ --cirth-contrast: light-dark(oklch(22.3% .023 280), oklch(91.7% .004 280));
2596
+ --cirth-contrast-background: light-dark(oklch(22.3% .023 280), oklch(96% 0 280));
2597
+ --cirth-contrast-underline: light-dark(oklch(22.3% .023 280 / .5), oklch(91.7% .004 280 / .5));
2518
2598
  --cirth-contrast-hover: light-dark(oklch(0% 0 0), oklch(100% 0 0));
2519
2599
  --cirth-contrast-hover-background: light-dark(oklch(0% 0 0), oklch(100% 0 0));
2520
- --cirth-contrast-focus: light-dark(oklch(48.3% .03 264 / .7), oklch(87.3% .011 264 / .5));
2600
+ --cirth-contrast-focus: light-dark(oklch(48.3% .03 280 / .7), oklch(87.3% .007 280 / .5));
2521
2601
  --cirth-contrast-inverse: light-dark(oklch(100% 0 0), oklch(0% 0 0));
2522
- --cirth-link-visited-color: light-dark(oklch(48.3% 0 264), oklch(65.7% 0 264));
2523
- --cirth-box-shadow: light-dark(.0145rem .029rem .174rem oklch(65.7% .03 264 / .01698), .0335rem .067rem .402rem oklch(65.7% .03 264 / .024), .0625rem .125rem .75rem oklch(65.7% .03 264 / .03), .1125rem .225rem 1.35rem oklch(65.7% .03 264 / .036), .2085rem .417rem 2.502rem oklch(65.7% .03 264 / .04302), .5rem 1rem 6rem oklch(65.7% .03 264 / .06), 0 0 0 .0625rem oklch(65.7% .03 264 / .015),
2524
- .0145rem .029rem .174rem oklch(9% 0 none / .01698), .0335rem .067rem .402rem oklch(9% 0 none / .024), .0625rem .125rem .75rem oklch(9% 0 none / .03), .1125rem .225rem 1.35rem oklch(9% 0 none / .036), .2085rem .417rem 2.502rem oklch(9% 0 none / .04302), .5rem 1rem 6rem oklch(9% 0 none / .06), 0 0 0 .0625rem oklch(9% 0 none / .015));
2525
- --cirth-h1-color: light-dark(oklch(22.3% .006 264), oklch(96% 0 264));
2526
- --cirth-h2-color: light-dark(oklch(26.7% .011 264), oklch(91.7% .006 264));
2527
- --cirth-h3-color: light-dark(oklch(31% .016 264), oklch(83% .016 264));
2528
- --cirth-h4-color: light-dark(oklch(35.3% .021 264), oklch(78.7% .021 264));
2529
- --cirth-h5-color: light-dark(oklch(39.7% .025 264), oklch(74.3% .025 264));
2530
- --cirth-h6-color: light-dark(oklch(44% .028 264), oklch(65.7% .03 264));
2531
- --cirth-mark-color: light-dark(oklch(18% 0 264), oklch(100% 0 0));
2532
- --cirth-code-color: light-dark(oklch(52.7% .032 264), oklch(65.7% .03 264));
2533
- --cirth-form-element-selected-background-color: light-dark(oklch(91.7% .006 264), oklch(31% .016 264));
2534
- --cirth-form-element-border-color: light-dark(oklch(61.3% .032 264), oklch(52.7% .032 264));
2535
- --cirth-form-element-color: light-dark(oklch(26.7% .011 264), oklch(91.7% .006 264));
2536
- --cirth-switch-background-color: light-dark(oklch(61.3% .032 264), oklch(52.7% .032 264));
2537
- --cirth-range-border-color: light-dark(oklch(91.7% .006 264), oklch(26.7% .011 264));
2538
- --cirth-range-active-border-color: light-dark(oklch(83% .016 264), oklch(31% .016 264));
2539
- --cirth-progress-background-color: light-dark(oklch(91.7% .006 264), oklch(26.7% .011 264));
2540
- --cirth-progress-border-color: light-dark(oklch(61.3% .032 264), oklch(52.7% .032 264));
2602
+ --cirth-link-visited-color: light-dark(oklch(48.3% 0 280), oklch(65.7% 0 280));
2603
+ --cirth-box-shadow: light-dark(.0145rem .029rem .174rem oklch(65.7% .025 280 / .01698), .0335rem .067rem .402rem oklch(65.7% .025 280 / .024), .0625rem .125rem .75rem oklch(65.7% .025 280 / .03), .1125rem .225rem 1.35rem oklch(65.7% .025 280 / .036), .2085rem .417rem 2.502rem oklch(65.7% .025 280 / .04302), .5rem 1rem 6rem oklch(65.7% .025 280 / .06), 0 0 0 .0625rem oklch(65.7% .025 280 / .015),
2604
+ .0145rem .029rem .174rem oklch(9% .011 280 / .01698), .0335rem .067rem .402rem oklch(9% .011 280 / .024), .0625rem .125rem .75rem oklch(9% .011 280 / .03), .1125rem .225rem 1.35rem oklch(9% .011 280 / .036), .2085rem .417rem 2.502rem oklch(9% .011 280 / .04302), .5rem 1rem 6rem oklch(9% .011 280 / .06), 0 0 0 .0625rem oklch(9% .011 280 / .015));
2605
+ --cirth-h1-color: light-dark(oklch(22.3% .023 280), oklch(96% 0 280));
2606
+ --cirth-h2-color: light-dark(oklch(26.7% .025 280), oklch(91.7% .004 280));
2607
+ --cirth-h3-color: light-dark(oklch(31% .026 280), oklch(83% .011 280));
2608
+ --cirth-h4-color: light-dark(oklch(35.3% .027 280), oklch(78.7% .014 280));
2609
+ --cirth-h5-color: light-dark(oklch(39.7% .028 280), oklch(74.3% .018 280));
2610
+ --cirth-h6-color: light-dark(oklch(44% .029 280), oklch(65.7% .025 280));
2611
+ --cirth-mark-color: light-dark(oklch(18% .022 280), oklch(100% 0 0));
2612
+ --cirth-code-color: light-dark(oklch(52.7% .031 280), oklch(65.7% .025 280));
2613
+ --cirth-form-element-selected-background-color: light-dark(oklch(91.7% .004 280), oklch(31% .026 280));
2614
+ --cirth-form-element-border-color: light-dark(oklch(61.3% .028 280), oklch(52.7% .031 280));
2615
+ --cirth-form-element-color: light-dark(oklch(26.7% .025 280), oklch(91.7% .004 280));
2616
+ --cirth-switch-background-color: light-dark(oklch(61.3% .028 280), oklch(52.7% .031 280));
2617
+ --cirth-range-border-color: light-dark(oklch(91.7% .004 280), oklch(26.7% .025 280));
2618
+ --cirth-range-active-border-color: light-dark(oklch(83% .011 280), oklch(31% .026 280));
2619
+ --cirth-progress-background-color: light-dark(oklch(91.7% .004 280), oklch(26.7% .025 280));
2620
+ --cirth-progress-border-color: light-dark(oklch(61.3% .028 280), oklch(52.7% .031 280));
2541
2621
  }
2542
2622
 
2543
2623
  .cirth:where([data-theme="light"]), .cirth :where([data-theme="light"]), .cirth:where(:not([data-theme="dark"])) {
@@ -2565,6 +2645,7 @@
2565
2645
  --cirth-primary-hover-underline: var(--cirth-primary-hover);
2566
2646
  --cirth-primary-focus: oklch(from var(--cirth-primary) l c h / 75%);
2567
2647
  --cirth-primary-inverse: oklch(100% 0 0);
2648
+ --cirth-text-selection-color: oklch(from var(--cirth-primary) calc(l * 1.247) c h / 25%);
2568
2649
  --cirth-code-background-color: oklch(from var(--cirth-canvas) calc(l - .019) c h);
2569
2650
  --cirth-card-sectioning-background-color: oklch(from var(--cirth-canvas) calc(l + .009) c h);
2570
2651
  --cirth-form-element-background-color: oklch(from var(--cirth-canvas) calc(l - .008) c h);
@@ -2572,7 +2653,7 @@
2572
2653
  --cirth-form-element-active-background-color: var(--cirth-canvas);
2573
2654
  --cirth-dropdown-background-color: var(--cirth-card-background-color);
2574
2655
  --cirth-popover-background-color: var(--cirth-card-background-color);
2575
- --cirth-secondary-background: oklch(48.3% .03 264);
2656
+ --cirth-secondary-background: oklch(48.3% .03 280);
2576
2657
  --cirth-secondary-border: var(--cirth-secondary-background);
2577
2658
  --cirth-secondary-hover-border: var(--cirth-secondary-hover-background);
2578
2659
  --cirth-secondary-hover-underline: var(--cirth-secondary-hover);
@@ -2580,7 +2661,9 @@
2580
2661
  --cirth-contrast-border: var(--cirth-contrast-background);
2581
2662
  --cirth-contrast-hover-border: var(--cirth-contrast-hover-background);
2582
2663
  --cirth-contrast-hover-underline: var(--cirth-secondary-hover);
2583
- --cirth-mark-background-color: var(--cirth-warning-surface);
2664
+ --cirth-mark-background-color: color-mix(in oklab,
2665
+ var(--cirth-primary) 18%,
2666
+ var(--cirth-canvas));
2584
2667
  --cirth-ins-color: var(--cirth-success-text);
2585
2668
  --cirth-del-color: var(--cirth-error-text);
2586
2669
  --cirth-blockquote-border-color: var(--cirth-muted-border-color);
@@ -2588,7 +2671,7 @@
2588
2671
  --cirth-button-box-shadow: 0 0 0 #0000;
2589
2672
  --cirth-button-hover-box-shadow: 0 0 0 #0000;
2590
2673
  --cirth-table-border-color: var(--cirth-card-border-color);
2591
- --cirth-table-row-stripped-background-color: oklch(57% .032 264 / .0375);
2674
+ --cirth-table-row-stripped-background-color: oklch(57% .032 280 / .0375);
2592
2675
  --cirth-code-kbd-background-color: var(--cirth-ink);
2593
2676
  --cirth-code-kbd-color: var(--cirth-background-color);
2594
2677
  --cirth-form-element-placeholder-color: var(--cirth-muted-color);
@@ -2605,29 +2688,29 @@
2605
2688
  --cirth-switch-checked-background-color: var(--cirth-primary-background);
2606
2689
  --cirth-switch-color: var(--cirth-primary-inverse);
2607
2690
  --cirth-range-thumb-border-color: var(--cirth-background-color);
2608
- --cirth-range-thumb-color: var(--cirth-secondary-background);
2691
+ --cirth-range-thumb-color: var(--cirth-secondary);
2609
2692
  --cirth-range-thumb-active-color: var(--cirth-primary-background);
2610
2693
  --cirth-accordion-active-summary-color: var(--cirth-primary-hover);
2611
2694
  --cirth-accordion-close-summary-color: var(--cirth-ink);
2612
2695
  --cirth-accordion-open-summary-color: var(--cirth-ink);
2613
2696
  --cirth-card-border-color: color-mix(in oklab,
2614
2697
  var(--cirth-form-element-border-color) 38%,
2615
- var(--cirth-card-background-color));
2698
+ oklch(from var(--cirth-card-background-color) l 0 h));
2616
2699
  --cirth-dropdown-box-shadow: var(--cirth-box-shadow);
2617
2700
  --cirth-dropdown-color: var(--cirth-ink);
2618
2701
  --cirth-dropdown-border-color: var(--cirth-card-border-color);
2619
2702
  --cirth-dropdown-hover-background-color: var(--cirth-card-sectioning-background-color);
2620
- --cirth-modal-overlay-background-color: oklch(93.85% .003 264deg / var(--cirth-opacity-overlay));
2703
+ --cirth-modal-overlay-background-color: oklch(93.85% .002 280deg / var(--cirth-opacity-overlay));
2621
2704
  --cirth-meter-optimum-color: var(--cirth-success);
2622
2705
  --cirth-meter-suboptimum-color: var(--cirth-warning);
2623
2706
  --cirth-meter-even-less-good-color: var(--cirth-error);
2624
2707
  --cirth-progress-color: var(--cirth-primary-background);
2625
- --cirth-icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(98, 107, 126)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
2626
- --cirth-icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(98, 107, 126)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
2627
- --cirth-icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(98, 107, 126)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
2628
- --cirth-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(98, 107, 126)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
2629
- --cirth-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(40, 124, 87)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
2630
- --cirth-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(189, 47, 33)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
2708
+ --cirth-icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(103, 105, 125)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
2709
+ --cirth-icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(103, 105, 125)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
2710
+ --cirth-icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(103, 105, 125)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
2711
+ --cirth-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(103, 105, 125)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
2712
+ --cirth-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(40, 126, 74)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
2713
+ --cirth-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(189, 44, 56)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
2631
2714
  }
2632
2715
 
2633
2716
  @media only screen and (prefers-color-scheme: dark) {
@@ -2656,7 +2739,8 @@
2656
2739
  black);
2657
2740
  --cirth-primary-hover-border: var(--cirth-primary-hover-background);
2658
2741
  --cirth-primary-hover-underline: var(--cirth-primary-hover);
2659
- --cirth-primary-focus: oklch(from var(--cirth-primary) l c h / 70%);
2742
+ --cirth-primary-focus: oklch(from var(--cirth-primary) l c h / 80%);
2743
+ --cirth-text-selection-color: oklch(from var(--cirth-primary) calc(l * 1.065) c h / 18.75%);
2660
2744
  --cirth-primary-inverse: oklch(100% 0 0);
2661
2745
  --cirth-code-background-color: oklch(from var(--cirth-canvas) calc(l - .02) c h);
2662
2746
  --cirth-card-sectioning-background-color: oklch(from var(--cirth-canvas) calc(l + .025) c h);
@@ -2665,7 +2749,7 @@
2665
2749
  --cirth-form-element-active-background-color: var(--cirth-canvas);
2666
2750
  --cirth-dropdown-background-color: var(--cirth-card-background-color);
2667
2751
  --cirth-popover-background-color: var(--cirth-card-background-color);
2668
- --cirth-secondary-background: oklch(48.3% .03 264);
2752
+ --cirth-secondary-background: oklch(48.3% .03 280);
2669
2753
  --cirth-secondary-border: var(--cirth-secondary-background);
2670
2754
  --cirth-secondary-hover-border: var(--cirth-secondary-hover-background);
2671
2755
  --cirth-secondary-hover-underline: var(--cirth-secondary-hover);
@@ -2673,7 +2757,9 @@
2673
2757
  --cirth-contrast-border: var(--cirth-contrast-background);
2674
2758
  --cirth-contrast-hover-border: var(--cirth-contrast-hover-background);
2675
2759
  --cirth-contrast-hover-underline: var(--cirth-contrast-hover);
2676
- --cirth-mark-background-color: var(--cirth-warning-surface);
2760
+ --cirth-mark-background-color: color-mix(in oklab,
2761
+ var(--cirth-primary) 24%,
2762
+ var(--cirth-canvas));
2677
2763
  --cirth-ins-color: var(--cirth-success-text);
2678
2764
  --cirth-del-color: var(--cirth-error-text);
2679
2765
  --cirth-blockquote-border-color: var(--cirth-muted-border-color);
@@ -2681,10 +2767,10 @@
2681
2767
  --cirth-button-box-shadow: 0 0 0 #0000;
2682
2768
  --cirth-button-hover-box-shadow: 0 0 0 #0000;
2683
2769
  --cirth-table-border-color: var(--cirth-card-border-color);
2684
- --cirth-table-row-stripped-background-color: oklch(57% .032 264 / .0375);
2770
+ --cirth-table-row-stripped-background-color: oklch(57% .032 280 / .0375);
2685
2771
  --cirth-code-kbd-background-color: var(--cirth-ink);
2686
2772
  --cirth-code-kbd-color: var(--cirth-background-color);
2687
- --cirth-form-element-placeholder-color: oklch(65.7% .03 264);
2773
+ --cirth-form-element-placeholder-color: oklch(65.7% .025 280);
2688
2774
  --cirth-form-element-active-border-color: var(--cirth-primary-border);
2689
2775
  --cirth-form-element-focus-color: var(--cirth-primary-focus);
2690
2776
  --cirth-form-element-disabled-opacity: var(--cirth-opacity-disabled);
@@ -2698,7 +2784,7 @@
2698
2784
  --cirth-switch-checked-background-color: var(--cirth-primary-background);
2699
2785
  --cirth-switch-color: var(--cirth-primary-inverse);
2700
2786
  --cirth-range-thumb-border-color: var(--cirth-background-color);
2701
- --cirth-range-thumb-color: var(--cirth-secondary-background);
2787
+ --cirth-range-thumb-color: var(--cirth-secondary);
2702
2788
  --cirth-range-thumb-active-color: var(--cirth-primary-background);
2703
2789
  --cirth-accordion-active-summary-color: var(--cirth-primary-hover);
2704
2790
  --cirth-accordion-close-summary-color: var(--cirth-ink);
@@ -2710,17 +2796,17 @@
2710
2796
  --cirth-dropdown-color: var(--cirth-ink);
2711
2797
  --cirth-dropdown-border-color: var(--cirth-card-border-color);
2712
2798
  --cirth-dropdown-hover-background-color: var(--cirth-card-sectioning-background-color);
2713
- --cirth-modal-overlay-background-color: oklch(9% 0 0deg / var(--cirth-opacity-overlay));
2799
+ --cirth-modal-overlay-background-color: oklch(9% .011 280deg / var(--cirth-opacity-overlay));
2714
2800
  --cirth-meter-optimum-color: var(--cirth-success);
2715
2801
  --cirth-meter-suboptimum-color: var(--cirth-warning);
2716
2802
  --cirth-meter-even-less-good-color: var(--cirth-error);
2717
2803
  --cirth-progress-color: var(--cirth-primary);
2718
- --cirth-icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 146, 164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
2719
- --cirth-icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 146, 164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
2720
- --cirth-icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 146, 164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
2721
- --cirth-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 146, 164)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
2722
- --cirth-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(75, 215, 153)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
2723
- --cirth-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(246, 160, 145)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
2804
+ --cirth-icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(142, 144, 161)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
2805
+ --cirth-icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(142, 144, 161)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
2806
+ --cirth-icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(142, 144, 161)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
2807
+ --cirth-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(142, 144, 161)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
2808
+ --cirth-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(75, 216, 131)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
2809
+ --cirth-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(246, 158, 155)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
2724
2810
  }
2725
2811
 
2726
2812
  .cirth:where(:not([data-theme])) details summary[role="button"].contrast:not(.outline):after, .cirth:where(:not([data-theme])) [aria-busy="true"]:not(input, select, textarea).contrast:is(button, [type="submit"], [type="button"], [type="reset"], [role="button"]):not(.outline):before {
@@ -2753,7 +2839,8 @@
2753
2839
  black);
2754
2840
  --cirth-primary-hover-border: var(--cirth-primary-hover-background);
2755
2841
  --cirth-primary-hover-underline: var(--cirth-primary-hover);
2756
- --cirth-primary-focus: oklch(from var(--cirth-primary) l c h / 70%);
2842
+ --cirth-primary-focus: oklch(from var(--cirth-primary) l c h / 80%);
2843
+ --cirth-text-selection-color: oklch(from var(--cirth-primary) calc(l * 1.065) c h / 18.75%);
2757
2844
  --cirth-primary-inverse: oklch(100% 0 0);
2758
2845
  --cirth-code-background-color: oklch(from var(--cirth-canvas) calc(l - .02) c h);
2759
2846
  --cirth-card-sectioning-background-color: oklch(from var(--cirth-canvas) calc(l + .025) c h);
@@ -2762,7 +2849,7 @@
2762
2849
  --cirth-form-element-active-background-color: var(--cirth-canvas);
2763
2850
  --cirth-dropdown-background-color: var(--cirth-card-background-color);
2764
2851
  --cirth-popover-background-color: var(--cirth-card-background-color);
2765
- --cirth-secondary-background: oklch(48.3% .03 264);
2852
+ --cirth-secondary-background: oklch(48.3% .03 280);
2766
2853
  --cirth-secondary-border: var(--cirth-secondary-background);
2767
2854
  --cirth-secondary-hover-border: var(--cirth-secondary-hover-background);
2768
2855
  --cirth-secondary-hover-underline: var(--cirth-secondary-hover);
@@ -2770,7 +2857,9 @@
2770
2857
  --cirth-contrast-border: var(--cirth-contrast-background);
2771
2858
  --cirth-contrast-hover-border: var(--cirth-contrast-hover-background);
2772
2859
  --cirth-contrast-hover-underline: var(--cirth-contrast-hover);
2773
- --cirth-mark-background-color: var(--cirth-warning-surface);
2860
+ --cirth-mark-background-color: color-mix(in oklab,
2861
+ var(--cirth-primary) 24%,
2862
+ var(--cirth-canvas));
2774
2863
  --cirth-ins-color: var(--cirth-success-text);
2775
2864
  --cirth-del-color: var(--cirth-error-text);
2776
2865
  --cirth-blockquote-border-color: var(--cirth-muted-border-color);
@@ -2778,10 +2867,10 @@
2778
2867
  --cirth-button-box-shadow: 0 0 0 #0000;
2779
2868
  --cirth-button-hover-box-shadow: 0 0 0 #0000;
2780
2869
  --cirth-table-border-color: var(--cirth-card-border-color);
2781
- --cirth-table-row-stripped-background-color: oklch(57% .032 264 / .0375);
2870
+ --cirth-table-row-stripped-background-color: oklch(57% .032 280 / .0375);
2782
2871
  --cirth-code-kbd-background-color: var(--cirth-ink);
2783
2872
  --cirth-code-kbd-color: var(--cirth-background-color);
2784
- --cirth-form-element-placeholder-color: oklch(65.7% .03 264);
2873
+ --cirth-form-element-placeholder-color: oklch(65.7% .025 280);
2785
2874
  --cirth-form-element-active-border-color: var(--cirth-primary-border);
2786
2875
  --cirth-form-element-focus-color: var(--cirth-primary-focus);
2787
2876
  --cirth-form-element-disabled-opacity: var(--cirth-opacity-disabled);
@@ -2795,7 +2884,7 @@
2795
2884
  --cirth-switch-checked-background-color: var(--cirth-primary-background);
2796
2885
  --cirth-switch-color: var(--cirth-primary-inverse);
2797
2886
  --cirth-range-thumb-border-color: var(--cirth-background-color);
2798
- --cirth-range-thumb-color: var(--cirth-secondary-background);
2887
+ --cirth-range-thumb-color: var(--cirth-secondary);
2799
2888
  --cirth-range-thumb-active-color: var(--cirth-primary-background);
2800
2889
  --cirth-accordion-active-summary-color: var(--cirth-primary-hover);
2801
2890
  --cirth-accordion-close-summary-color: var(--cirth-ink);
@@ -2807,17 +2896,17 @@
2807
2896
  --cirth-dropdown-color: var(--cirth-ink);
2808
2897
  --cirth-dropdown-border-color: var(--cirth-card-border-color);
2809
2898
  --cirth-dropdown-hover-background-color: var(--cirth-card-sectioning-background-color);
2810
- --cirth-modal-overlay-background-color: oklch(9% 0 0deg / var(--cirth-opacity-overlay));
2899
+ --cirth-modal-overlay-background-color: oklch(9% .011 280deg / var(--cirth-opacity-overlay));
2811
2900
  --cirth-meter-optimum-color: var(--cirth-success);
2812
2901
  --cirth-meter-suboptimum-color: var(--cirth-warning);
2813
2902
  --cirth-meter-even-less-good-color: var(--cirth-error);
2814
2903
  --cirth-progress-color: var(--cirth-primary);
2815
- --cirth-icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 146, 164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
2816
- --cirth-icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 146, 164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
2817
- --cirth-icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 146, 164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
2818
- --cirth-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 146, 164)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
2819
- --cirth-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(75, 215, 153)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
2820
- --cirth-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(246, 160, 145)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
2904
+ --cirth-icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(142, 144, 161)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
2905
+ --cirth-icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(142, 144, 161)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
2906
+ --cirth-icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(142, 144, 161)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
2907
+ --cirth-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(142, 144, 161)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
2908
+ --cirth-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(75, 216, 131)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
2909
+ --cirth-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(246, 158, 155)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
2821
2910
  }
2822
2911
 
2823
2912
  .cirth:where([data-theme="dark"]) details summary[role="button"].contrast:not(.outline):after, .cirth :where([data-theme="dark"]) details summary[role="button"].contrast:not(.outline):after, .cirth:where([data-theme="dark"]) [aria-busy="true"]:not(input, select, textarea).contrast:is(button, [type="submit"], [type="button"], [type="reset"], [role="button"]):not(.outline):before, .cirth :where([data-theme="dark"]) [aria-busy="true"]:not(input, select, textarea).contrast:is(button, [type="submit"], [type="button"], [type="reset"], [role="button"]):not(.outline):before {
@@ -2830,120 +2919,120 @@
2830
2919
 
2831
2920
  @media (prefers-contrast: more) {
2832
2921
  .cirth:where([data-theme="light"]), .cirth :where([data-theme="light"]), .cirth:where(:not([data-theme="dark"])) {
2833
- --cirth-ink: oklch(22.3% .006 264);
2922
+ --cirth-ink: oklch(22.3% .023 280);
2834
2923
  --cirth-h1-color: var(--cirth-color);
2835
2924
  --cirth-h2-color: var(--cirth-color);
2836
2925
  --cirth-h3-color: var(--cirth-color);
2837
2926
  --cirth-h4-color: var(--cirth-color);
2838
2927
  --cirth-h5-color: var(--cirth-color);
2839
2928
  --cirth-h6-color: var(--cirth-color);
2840
- --cirth-muted-color: oklch(39.7% .025 264);
2841
- --cirth-secondary: oklch(39.7% .025 264);
2842
- --cirth-code-color: oklch(35.3% .021 264);
2843
- --cirth-link-visited-color: oklch(35.3% .021 264);
2844
- --cirth-muted-border-color: oklch(57% .032 264);
2845
- --cirth-icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(64, 71, 85)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
2846
- --cirth-icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(64, 71, 85)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
2847
- --cirth-icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(64, 71, 85)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
2848
- --cirth-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(64, 71, 85)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
2849
- --cirth-form-element-border-color: oklch(39.7% .025 264);
2850
- --cirth-form-element-invalid-border-color: oklch(48.3% .166 29.73);
2851
- --cirth-form-element-valid-border-color: oklch(48.3% .092 160.59);
2852
- --cirth-primary: oklch(39.7% .073 69.35);
2853
- --cirth-primary-hover: oklch(31% .057 69.35);
2929
+ --cirth-muted-color: oklch(39.7% .028 280);
2930
+ --cirth-secondary: oklch(39.7% .028 280);
2931
+ --cirth-code-color: oklch(35.3% .027 280);
2932
+ --cirth-link-visited-color: oklch(35.3% .027 280);
2933
+ --cirth-muted-border-color: oklch(57% .032 280);
2934
+ --cirth-icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(68, 69, 86)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
2935
+ --cirth-icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(68, 69, 86)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
2936
+ --cirth-icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(68, 69, 86)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
2937
+ --cirth-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(68, 69, 86)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
2938
+ --cirth-form-element-border-color: oklch(39.7% .028 280);
2939
+ --cirth-form-element-invalid-border-color: oklch(48.3% .165 22);
2940
+ --cirth-form-element-valid-border-color: oklch(48.3% .106 153);
2941
+ --cirth-primary: oklch(39.7% .081 44);
2942
+ --cirth-primary-hover: oklch(31% .063 44);
2854
2943
  --cirth-primary-underline: var(--cirth-primary);
2855
2944
  --cirth-secondary-underline: var(--cirth-secondary);
2856
2945
  --cirth-contrast-underline: var(--cirth-contrast);
2857
- --cirth-primary-focus: oklch(48.3% .089 69.35);
2858
- --cirth-secondary-focus: oklch(48.3% .03 264);
2859
- --cirth-contrast-focus: oklch(48.3% .03 264);
2860
- --cirth-switch-background-color: oklch(48.3% .03 264);
2861
- --cirth-progress-border-color: oklch(48.3% .03 264);
2862
- --cirth-meter-optimum-color: oklch(44% .084 160.59);
2863
- --cirth-meter-suboptimum-color: oklch(39.7% .07 78);
2864
- --cirth-meter-even-less-good-color: oklch(35.3% .122 29.73);
2946
+ --cirth-primary-focus: oklch(48.3% .098 44);
2947
+ --cirth-secondary-focus: oklch(48.3% .03 280);
2948
+ --cirth-contrast-focus: oklch(48.3% .03 280);
2949
+ --cirth-switch-background-color: oklch(48.3% .03 280);
2950
+ --cirth-progress-border-color: oklch(48.3% .03 280);
2951
+ --cirth-meter-optimum-color: oklch(44% .096 153);
2952
+ --cirth-meter-suboptimum-color: oklch(39.7% .069 89.5);
2953
+ --cirth-meter-even-less-good-color: oklch(35.3% .121 22);
2865
2954
  --cirth-dropdown-border-color: var(--cirth-muted-border-color);
2866
2955
  }
2867
2956
  }
2868
2957
 
2869
2958
  @media only screen and (prefers-contrast: more) and (prefers-color-scheme: dark) {
2870
2959
  .cirth:where(:not([data-theme])) {
2871
- --cirth-ink: oklch(96% 0 264);
2960
+ --cirth-ink: oklch(96% 0 280);
2872
2961
  --cirth-h1-color: var(--cirth-color);
2873
2962
  --cirth-h2-color: var(--cirth-color);
2874
2963
  --cirth-h3-color: var(--cirth-color);
2875
2964
  --cirth-h4-color: var(--cirth-color);
2876
2965
  --cirth-h5-color: var(--cirth-color);
2877
2966
  --cirth-h6-color: var(--cirth-color);
2878
- --cirth-muted-color: oklch(78.7% .021 264);
2879
- --cirth-icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(179, 186, 200)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
2880
- --cirth-icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(179, 186, 200)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
2881
- --cirth-icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(179, 186, 200)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
2882
- --cirth-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(179, 186, 200)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
2883
- --cirth-secondary: oklch(78.7% .021 264);
2884
- --cirth-code-color: oklch(83% .016 264);
2885
- --cirth-link-visited-color: oklch(78.7% .021 264);
2886
- --cirth-muted-border-color: oklch(57% .032 264);
2967
+ --cirth-muted-color: oklch(78.7% .014 280);
2968
+ --cirth-icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 185, 195)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
2969
+ --cirth-icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 185, 195)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
2970
+ --cirth-icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 185, 195)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
2971
+ --cirth-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 185, 195)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
2972
+ --cirth-secondary: oklch(78.7% .014 280);
2973
+ --cirth-code-color: oklch(83% .011 280);
2974
+ --cirth-link-visited-color: oklch(78.7% .014 280);
2975
+ --cirth-muted-border-color: oklch(57% .032 280);
2887
2976
  --cirth-card-border-color: var(--cirth-muted-border-color);
2888
- --cirth-form-element-border-color: oklch(70% .028 264);
2889
- --cirth-form-element-invalid-border-color: oklch(78.7% .106 29.73);
2890
- --cirth-form-element-valid-border-color: oklch(78.7% .15 160.59);
2891
- --cirth-primary: oklch(78.7% .146 69.35);
2892
- --cirth-primary-hover: oklch(87.3% .082 69.35);
2893
- --cirth-primary-background: oklch(44% .081 69.35);
2894
- --cirth-primary-hover-background: oklch(39.7% .073 69.35);
2977
+ --cirth-form-element-border-color: oklch(70% .021 280);
2978
+ --cirth-form-element-invalid-border-color: oklch(78.7% .105 22);
2979
+ --cirth-form-element-valid-border-color: oklch(78.7% .172 153);
2980
+ --cirth-primary: oklch(78.7% .092 44);
2981
+ --cirth-primary-hover: oklch(87.3% .051 44);
2982
+ --cirth-primary-background: oklch(44% .09 44);
2983
+ --cirth-primary-hover-background: oklch(39.7% .081 44);
2895
2984
  --cirth-primary-underline: var(--cirth-primary);
2896
2985
  --cirth-secondary-underline: var(--cirth-secondary);
2897
2986
  --cirth-contrast-underline: var(--cirth-contrast);
2898
- --cirth-primary-focus: oklch(70% .129 69.35);
2899
- --cirth-secondary-focus: oklch(70% .028 264);
2900
- --cirth-contrast-focus: oklch(87.3% .011 264);
2901
- --cirth-switch-background-color: oklch(65.7% .03 264);
2902
- --cirth-progress-border-color: oklch(70% .028 264);
2903
- --cirth-meter-optimum-color: oklch(74.3% .142 160.59);
2904
- --cirth-meter-suboptimum-color: oklch(78.7% .139 78);
2905
- --cirth-meter-even-less-good-color: oklch(83% .081 29.73);
2987
+ --cirth-primary-focus: oklch(70% .141 44);
2988
+ --cirth-secondary-focus: oklch(70% .021 280);
2989
+ --cirth-contrast-focus: oklch(87.3% .007 280);
2990
+ --cirth-switch-background-color: oklch(65.7% .025 280);
2991
+ --cirth-progress-border-color: oklch(70% .021 280);
2992
+ --cirth-meter-optimum-color: oklch(74.3% .163 153);
2993
+ --cirth-meter-suboptimum-color: oklch(78.7% .137 89.5);
2994
+ --cirth-meter-even-less-good-color: oklch(83% .08 22);
2906
2995
  --cirth-dropdown-border-color: var(--cirth-muted-border-color);
2907
2996
  }
2908
2997
  }
2909
2998
 
2910
2999
  @media (prefers-contrast: more) {
2911
3000
  .cirth:where([data-theme="dark"]), .cirth :where([data-theme="dark"]) {
2912
- --cirth-ink: oklch(96% 0 264);
3001
+ --cirth-ink: oklch(96% 0 280);
2913
3002
  --cirth-h1-color: var(--cirth-color);
2914
3003
  --cirth-h2-color: var(--cirth-color);
2915
3004
  --cirth-h3-color: var(--cirth-color);
2916
3005
  --cirth-h4-color: var(--cirth-color);
2917
3006
  --cirth-h5-color: var(--cirth-color);
2918
3007
  --cirth-h6-color: var(--cirth-color);
2919
- --cirth-muted-color: oklch(78.7% .021 264);
2920
- --cirth-icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(179, 186, 200)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
2921
- --cirth-icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(179, 186, 200)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
2922
- --cirth-icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(179, 186, 200)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
2923
- --cirth-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(179, 186, 200)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
2924
- --cirth-secondary: oklch(78.7% .021 264);
2925
- --cirth-code-color: oklch(83% .016 264);
2926
- --cirth-link-visited-color: oklch(78.7% .021 264);
2927
- --cirth-muted-border-color: oklch(57% .032 264);
3008
+ --cirth-muted-color: oklch(78.7% .014 280);
3009
+ --cirth-icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 185, 195)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
3010
+ --cirth-icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 185, 195)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
3011
+ --cirth-icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 185, 195)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
3012
+ --cirth-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 185, 195)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
3013
+ --cirth-secondary: oklch(78.7% .014 280);
3014
+ --cirth-code-color: oklch(83% .011 280);
3015
+ --cirth-link-visited-color: oklch(78.7% .014 280);
3016
+ --cirth-muted-border-color: oklch(57% .032 280);
2928
3017
  --cirth-card-border-color: var(--cirth-muted-border-color);
2929
- --cirth-form-element-border-color: oklch(70% .028 264);
2930
- --cirth-form-element-invalid-border-color: oklch(78.7% .106 29.73);
2931
- --cirth-form-element-valid-border-color: oklch(78.7% .15 160.59);
2932
- --cirth-primary: oklch(78.7% .146 69.35);
2933
- --cirth-primary-hover: oklch(87.3% .082 69.35);
2934
- --cirth-primary-background: oklch(44% .081 69.35);
2935
- --cirth-primary-hover-background: oklch(39.7% .073 69.35);
3018
+ --cirth-form-element-border-color: oklch(70% .021 280);
3019
+ --cirth-form-element-invalid-border-color: oklch(78.7% .105 22);
3020
+ --cirth-form-element-valid-border-color: oklch(78.7% .172 153);
3021
+ --cirth-primary: oklch(78.7% .092 44);
3022
+ --cirth-primary-hover: oklch(87.3% .051 44);
3023
+ --cirth-primary-background: oklch(44% .09 44);
3024
+ --cirth-primary-hover-background: oklch(39.7% .081 44);
2936
3025
  --cirth-primary-underline: var(--cirth-primary);
2937
3026
  --cirth-secondary-underline: var(--cirth-secondary);
2938
3027
  --cirth-contrast-underline: var(--cirth-contrast);
2939
- --cirth-primary-focus: oklch(70% .129 69.35);
2940
- --cirth-secondary-focus: oklch(70% .028 264);
2941
- --cirth-contrast-focus: oklch(87.3% .011 264);
2942
- --cirth-switch-background-color: oklch(65.7% .03 264);
2943
- --cirth-progress-border-color: oklch(70% .028 264);
2944
- --cirth-meter-optimum-color: oklch(74.3% .142 160.59);
2945
- --cirth-meter-suboptimum-color: oklch(78.7% .139 78);
2946
- --cirth-meter-even-less-good-color: oklch(83% .081 29.73);
3028
+ --cirth-primary-focus: oklch(70% .141 44);
3029
+ --cirth-secondary-focus: oklch(70% .021 280);
3030
+ --cirth-contrast-focus: oklch(87.3% .007 280);
3031
+ --cirth-switch-background-color: oklch(65.7% .025 280);
3032
+ --cirth-progress-border-color: oklch(70% .021 280);
3033
+ --cirth-meter-optimum-color: oklch(74.3% .163 153);
3034
+ --cirth-meter-suboptimum-color: oklch(78.7% .137 89.5);
3035
+ --cirth-meter-even-less-good-color: oklch(83% .08 22);
2947
3036
  --cirth-dropdown-border-color: var(--cirth-muted-border-color);
2948
3037
  }
2949
3038
  }