/*
 DO NOT UPDATE MANUALLY — this file is generated by `theme_design.html`.
 TO update the color themes, edit the `theme_design.html` file and run the `theme_design.html` file in a browser to generate this file.
 */
/* Point-CAD theme — 20 colours, themes: dark, light, midnight, dim, sepia, highcontrast */
:root {
    --color-canvas: oklch(13.456% 0.00722 269);
    --color-surface-1: oklch(9.837% 0.01278 265.5);
    --color-surface-2: oklch(15.439% 0.01758 265.5);
    --color-surface-3: oklch(20.916% 0.01978 265.5);
    --color-surface-active: oklch(25.744% 0.03681 265.5);
    --color-surface-hover: oklch(28.244% 0.03814 265.5);
    --color-border: oklch(26.544% 0.02687 265.5);
    --color-border-strong: oklch(46.805% 0.03375 265.5);
    --color-border-field: oklch(44.818% 0.15293 157.34);
    --color-border-subtle: oklch(16.134% 0 89.88);
    --color-text: oklch(89.802% 0 89.88);
    --color-text-muted: oklch(72.531% 0.01903 196.8);
    --color-heading: oklch(83.304% 0.01849 196.8);
    --color-text-faint: oklch(57.207% 0.02594 285.5);
    --color-icon: oklch(74.403% 0.02445 285.5);
    --color-icon-hover: oklch(99.953% 0 341.1);
    --color-help: oklch(72.542% 0.03165 249);
    --color-help-border: oklch(42.844% 0.0273 285.5);
    --color-tip-text: oklch(89.808% 0.02335 285.5);
    --color-tip-border: oklch(39.356% 0.02815 285.5);
}
@media (prefers-color-scheme: light) {
    :root {
        --color-canvas: oklch(95% 0.004 265);
        --color-surface-1: oklch(105.246% 0.01194 265.5);
        --color-surface-2: oklch(64.229% 0.01758 265.5);
        --color-surface-3: oklch(22.689% 0.01979 265.5);
        --color-surface-active: oklch(19.5% 0.03681 265.5);
        --color-surface-hover: oklch(66.822% 0.03808 265.5);
        --color-border: oklch(10.562% 0.02687 265.5);
        --color-border-strong: oklch(71.242% 0.03 265.5);
        --color-border-field: oklch(41.526% 0.34475 269.74);
        --color-border-subtle: oklch(96.11% 0 89.88);
        --color-text: oklch(-28.096% 0.9337 276.78);
        --color-text-muted: oklch(24.934% 0.0185 196.8);
        --color-heading: oklch(60.189% 0.01849 196.8);
        --color-text-faint: oklch(53.463% 0.026 285.5);
        --color-icon: oklch(60.511% 0.02445 285.5);
        --color-icon-hover: oklch(58.573% 0.19442 160.01);
        --color-help: oklch(60.122% 0.03165 249);
        --color-help-border: oklch(-6.227% 0.0273 285.5);
        --color-tip-text: oklch(-4.302% 0.02335 285.5);
        --color-tip-border: oklch(54.901% 0.02815 285.5);
    }
}
[data-theme="dark"] {
    --color-canvas: oklch(13.456% 0.00722 269);
    --color-surface-1: oklch(9.837% 0.01278 265.5);
    --color-surface-2: oklch(15.439% 0.01758 265.5);
    --color-surface-3: oklch(20.916% 0.01978 265.5);
    --color-surface-active: oklch(25.744% 0.03681 265.5);
    --color-surface-hover: oklch(28.244% 0.03814 265.5);
    --color-border: oklch(26.544% 0.02687 265.5);
    --color-border-strong: oklch(46.805% 0.03375 265.5);
    --color-border-field: oklch(44.818% 0.15293 157.34);
    --color-border-subtle: oklch(16.134% 0 89.88);
    --color-text: oklch(89.802% 0 89.88);
    --color-text-muted: oklch(72.531% 0.01903 196.8);
    --color-heading: oklch(83.304% 0.01849 196.8);
    --color-text-faint: oklch(57.207% 0.02594 285.5);
    --color-icon: oklch(74.403% 0.02445 285.5);
    --color-icon-hover: oklch(99.953% 0 341.1);
    --color-help: oklch(72.542% 0.03165 249);
    --color-help-border: oklch(42.844% 0.0273 285.5);
    --color-tip-text: oklch(89.808% 0.02335 285.5);
    --color-tip-border: oklch(39.356% 0.02815 285.5);
}
[data-theme="light"] {
    --color-canvas: oklch(95% 0.004 265);
    --color-surface-1: oklch(105.246% 0.01194 265.5);
    --color-surface-2: oklch(64.229% 0.01758 265.5);
    --color-surface-3: oklch(22.689% 0.01979 265.5);
    --color-surface-active: oklch(19.5% 0.03681 265.5);
    --color-surface-hover: oklch(66.822% 0.03808 265.5);
    --color-border: oklch(10.562% 0.02687 265.5);
    --color-border-strong: oklch(71.242% 0.03 265.5);
    --color-border-field: oklch(41.526% 0.34475 269.74);
    --color-border-subtle: oklch(96.11% 0 89.88);
    --color-text: oklch(-28.096% 0.9337 276.78);
    --color-text-muted: oklch(24.934% 0.0185 196.8);
    --color-heading: oklch(60.189% 0.01849 196.8);
    --color-text-faint: oklch(53.463% 0.026 285.5);
    --color-icon: oklch(60.511% 0.02445 285.5);
    --color-icon-hover: oklch(58.573% 0.19442 160.01);
    --color-help: oklch(60.122% 0.03165 249);
    --color-help-border: oklch(-6.227% 0.0273 285.5);
    --color-tip-text: oklch(-4.302% 0.02335 285.5);
    --color-tip-border: oklch(54.901% 0.02815 285.5);
}
[data-theme="midnight"] {
    --color-canvas: oklch(12% 0.025 262);
    --color-surface-1: oklch(9.395% 0.00947 262);
    --color-surface-2: oklch(15.236% 0.01309 262);
    --color-surface-3: oklch(20.922% 0.01463 262);
    --color-surface-active: oklch(25.754% 0.02775 262);
    --color-surface-hover: oklch(28.254% 0.02851 262);
    --color-border: oklch(26.554% 0.02023 262);
    --color-border-strong: oklch(46.723% 0.02541 262);
    --color-border-field: oklch(44.768% 0.16345 152.49);
    --color-border-subtle: oklch(15.719% 0 89.88);
    --color-text: oklch(87.355% 0 89.88);
    --color-text-muted: oklch(71.034% 0.01903 196.8);
    --color-heading: oklch(81.276% 0.01849 196.8);
    --color-text-faint: oklch(57.34% 0.143 270.09);
    --color-icon: oklch(72.433% 0.14737 270.09);
    --color-icon-hover: oklch(98.591% 0 341.1);
    --color-help: oklch(71.333% 0.02979 245.5);
    --color-help-border: oklch(42.854% 0.15144 270.09);
    --color-tip-text: oklch(80.871% 0.10091 270.1);
    --color-tip-border: oklch(37.909% 0.15311 270.09);
}
[data-theme="dim"] {
    --color-canvas: oklch(22% 0.01 265);
    --color-surface-1: oklch(11.182% 0.01278 265.5);
    --color-surface-2: oklch(16.165% 0.01758 265.5);
    --color-surface-3: oklch(21.093% 0.01978 265.5);
    --color-surface-active: oklch(25.413% 0.03681 265.5);
    --color-surface-hover: oklch(27.416% 0.03814 265.5);
    --color-border: oklch(25.915% 0.02687 265.5);
    --color-border-strong: oklch(46.99% 0.03375 265.5);
    --color-border-field: oklch(45.133% 0.12391 171.46);
    --color-border-subtle: oklch(15.929% 0 89.88);
    --color-text: oklch(89.802% 0 89.88);
    --color-text-muted: oklch(72.531% 0.01903 196.8);
    --color-heading: oklch(83.304% 0.01849 196.8);
    --color-text-faint: oklch(60.755% 0.026 285.5);
    --color-icon: oklch(74.403% 0.02445 285.5);
    --color-icon-hover: oklch(99.953% 0 341.1);
    --color-help: oklch(72.542% 0.03165 249);
    --color-help-border: oklch(43.01% 0.0273 285.5);
    --color-tip-text: oklch(89.808% 0.02335 285.5);
    --color-tip-border: oklch(41.983% 0.02815 285.5);
}
[data-theme="sepia"] {
    --color-canvas: oklch(93% 0.025 85);
    --color-surface-1: oklch(103.477% 0.02471 75);
    --color-surface-2: oklch(48.175% 0.86827 74.99);
    --color-surface-3: oklch(64.378% 1.52377 74.88);
    --color-surface-active: oklch(66.164% 0.17956 75.01);
    --color-surface-hover: oklch(67.886% 0.20548 75.01);
    --color-border: oklch(56.992% 0.13906 75.01);
    --color-border-strong: oklch(69.823% 0.03 75);
    --color-border-field: oklch(71.547% 0.18123 55.21);
    --color-border-subtle: oklch(94.338% 0 89.88);
    --color-text: oklch(-22.323% 0.5599 277.95);
    --color-text-muted: oklch(-2.61% 0.035 55);
    --color-heading: oklch(42.733% 1.44618 54.92);
    --color-text-faint: oklch(52.081% 0.03 60);
    --color-icon: oklch(3.42% 0.02823 59.92);
    --color-icon-hover: oklch(-26.513% 0.06782 138.71);
    --color-help: oklch(1.932% 0.2828 58.42);
    --color-help-border: oklch(39.806% 0.03124 59.92);
    --color-tip-text: oklch(-4.129% 0.02713 59.92);
    --color-tip-border: oklch(52.914% 0.03208 59.92);
}
[data-theme="highcontrast"] {
    --color-canvas: oklch(6% 0.004 265);
    --color-surface-1: oklch(7.794% 0.01278 265.5);
    --color-surface-2: oklch(14.683% 0.01758 265.5);
    --color-surface-3: oklch(21.051% 0.01979 265.5);
    --color-surface-active: oklch(26.012% 0.03681 265.5);
    --color-surface-hover: oklch(28.512% 0.03814 265.5);
    --color-border: oklch(51.356% 0.02687 265.5);
    --color-border-strong: oklch(46.618% 0.03375 265.5);
    --color-border-field: oklch(44.268% 0.18068 155.78);
    --color-border-subtle: oklch(32.737% 0 89.88);
    --color-text: oklch(91.634% 0 89.88);
    --color-text-muted: oklch(79.484% 0.01903 196.8);
    --color-heading: oklch(87.295% 0.01849 196.8);
    --color-text-faint: oklch(67.179% 0.026 285.5);
    --color-icon: oklch(82.728% 0.02445 285.5);
    --color-icon-hover: oklch(93.344% 0.00001 315.88);
    --color-help: oklch(78.643% 0.03165 249);
    --color-help-border: oklch(61.396% 0.0273 285.5);
    --color-tip-text: oklch(91.314% 0.02335 285.5);
    --color-tip-border: oklch(55.895% 0.02815 285.5);
}