:root,[data-theme=light]{--grey: #777777;--dark-grey: #545454;--grey2: #808080;--grey3: #A9A9A9;--grey4: #71797E;--grey5: #C0C0C0;--grey6: #D3D3D3;--white: #fff;--black: #000;--dx-black: #141416;--cream-fixed: #f3f1ec;--stone: #8a8780;--well: #dcd9d1;--ink: #0c0c0e;--canvas: #dcdcdb;--paper: #f2f1ee;--paper2: #e9e7e2;--paper-high: #fbfaf7;--paper-low: #e8e6e0;--frost-bg: rgba(255, 255, 255, .08);--focus: #0c0c0e;--canvas-light: #dcdcdb;--paper-light: #f2f1ee;--paper-light2: #e9e7e2;--well-light: #dcd9d1;--well-l: #dcd9d1;--canvas-dark: #1a1a1a;--paper-dark: oklch(.3 0 264);--paper-dark2: #211f19;--clay-soft-clr1: #fafaf8;--clay-deep-clr1: #2a2826;--ink-soft: color-mix(in srgb, var(--ink), transparent 20%);--ink-softer: color-mix(in oklch, var(--ink-soft) 80%, transparent);--ink-softest: color-mix(in oklch, var(--ink-soft) 60%, transparent);--light-mix: #efefef;--dark-mix: #1c1b1b;--light-text: var(--light-mix);--dark-text: var(--dark-mix);--clay-soft: linear-gradient(180deg, #fafaf8 0%, #e8e7e3 100%);--clay-deep: linear-gradient(180deg, #2a2826 0%, #0a0a0a 100%);--clay-dark: linear-gradient(180deg, #282624 0%, #0d0c0b 100%);--clay-soft-light: linear-gradient(180deg, #fafaf8 0%, #e8e7e3 100%);--clay-soft-dark: linear-gradient(180deg, #2a2823 0%, #1b1a16 100%);--skin-layers: linear-gradient(180deg, #efe7db 0%, #e6d3c0 34%, #d8b49b 68%, #c69a86 100%);--charcoal-gradient: linear-gradient(135deg, #111, #333);--charcoal-gradient2: linear-gradient(145deg, #333 0%, #4a4a4a 50%, #333 100%);--charcoal-gradient3: linear-gradient(180deg, #4b515a 0%, #2b2e34 100%);--charcoal-gradient90: linear-gradient(90deg, #111, #333);--grey-gradient: linear-gradient(145deg, #4a4a4a, #3a3a3a);--grey-gradient90: linear-gradient(90deg, #4a4a4a, #333);--grey-gradient2: linear-gradient(90deg, #333, #4a4a4a);--grey-gradient3: linear-gradient( #6c7a89, #333);--dx-black2: linear-gradient(to bottom, #171717, #242424);--ph-gradient: linear-gradient(90deg,#d2691a 0%,#c98a3e 26%,#7d8a6a 55%,#4a6b78 100%);--clay-glass: rgba(255, 255, 255, .5);--clay-glass-clr: #34332f;--glass: linear-gradient( 135deg, rgba(255, 255, 255, .65), rgba(255, 255, 255, .32));--glass-dark: rgba(255, 255, 255, .04);--glass-dark2: linear-gradient( 145deg, rgba(255, 255, 255, .12),rgba(255, 255, 255, .03)), rgba(20, 19, 16, .64);--glass-ondark: rgba(255, 255, 255, .03);--shadow-clay-dark: 0 2px 2px rgba(255, 255, 255, .15) inset, 0 -3px 0 rgba(0, 0, 0, .35) inset, 0 16px 32px -8px rgba(17, 17, 19, .4);--theme-contrast-clay: var(--clay-deep);--theme-contrast-clr: var(--light-text);--theme-contrast-grey: var(--clay-deep);--theme-contrast-grey-clr: var(--light-text)}[data-theme=dark],.dhs--dark-theme{--canvas: #1a1a1a;--paper: oklch(.3 0 264);--paper2: #211f19;--paper-high: #2a2822;--paper-low: #1a1814;--well: #0d0c0a;--ink: #f9fafb;--clay-soft-clr1: #2a2823;--clay-deep-clr1: #3a3733;--frost-bg: rgba(255, 255, 255, .04);--ink-soft: color-mix(in srgb, var(--ink), transparent 20%);--ink-softer: color-mix(in oklch, var(--ink-soft) 80%, transparent);--ink-softest: color-mix(in oklch, var(--ink-soft) 60%, transparent);--clay-soft: linear-gradient(180deg, #2a2823 0%, #1b1a16 100%);--clay-deep: linear-gradient(180deg, #3a3733 0%, #211f1b 100%);--clay-dark: linear-gradient(180deg, #36332f 0%, #1c1a17 100%);--theme-contrast-clay: linear-gradient(180deg, #d9dde2 0%, #9098a0 100%);--theme-contrast-clr: var(--dark-text);--theme-contrast-shadow: var(--shadow-soft);--theme-contrast-grey: linear-gradient(180deg, #4b515a 0%, #2b2e34 100%);--theme-contrast-grey-clr: var(--light-text)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--canvas: #1a1a1a;--paper: oklch(.3 0 264);--paper2: #211f19;--paper-high: #2a2822;--paper-low: #1a1814;--well: #0d0c0a;--ink: #f9fafb;--clay-soft-clr1: #2a2823;--clay-deep-clr1: #3a3733;--frost-bg: rgba(255, 255, 255, .04);--ink-soft: color-mix(in srgb, var(--ink), transparent 20%);--ink-softer: color-mix(in oklch, var(--ink-soft) 80%, transparent);--ink-softest: color-mix(in oklch, var(--ink-soft) 60%, transparent);--clay-soft: linear-gradient(180deg, #2a2823 0%, #1b1a16 100%);--clay-deep: linear-gradient(180deg, #3a3733 0%, #211f1b 100%);--clay-dark: linear-gradient(180deg, #36332f 0%, #1c1a17 100%);--theme-contrast-clay: linear-gradient(180deg, #d9dde2 0%, #9098a0 100%);--theme-contrast-clr: var(--dark-text);--theme-contrast-shadow: var(--shadow-soft);--theme-contrast-grey: linear-gradient(180deg, #4b515a 0%, #2b2e34 100%);--theme-contrast-grey-clr: var(--light-text)}}:root{--bg: var(--canvas);--clr: var(--ink-soft);--color-foreground: var(--ink-soft)}body{--logo-color: var(--ink);--bg: var(--canvas);--clr: var(--ink-soft);--line: color-mix(in srgb, var(--ink-soft), transparent 60%);--line-soft: color-mix(in srgb, var(--line), transparent 60%);--muted-mix: color-mix(in srgb, var(--ink-soft), var(--dark-mix) 50%);--muted: color-mix(in srgb, var(--muted-mix), transparent 50%);--faint: color-mix(in srgb, var(--muted), transparent 50%);--light-text-soft: color-mix(in srgb, var(--light-mix) 80%, transparent 20%);--dark-text-soft: color-mix(in srgb, var(--dark-mix) 80%, transparent 20%);--ink-soft: color-mix(in srgb, var(--ink), transparent 20%);--ink-softer: color-mix(in oklch, var(--ink-soft) 80%, transparent);--ink-softest: color-mix(in oklch, var(--ink-soft) 60%, transparent);--color-foreground: var(--ink-soft);--ink-dark: contrast-color(var(--canvas-dark));--ink-soft-dark: color-mix(in srgb, var(--ink-dark), transparent 20%);--ink-softer-dark: color-mix(in srgb, var(--ink-dark), transparent 30%);--ink-softest-dark: color-mix(in srgb, var(--ink-dark), transparent 40%);--line-dark: color-mix(in srgb, var(--ink-soft-dark), transparent 60%);--line-soft-dark: color-mix(in srgb, var(--line-dark), transparent 60%);--muted-mix-dark: color-mix(in srgb, var(--ink-soft-dark), var(--dark-mix) 50%);--muted-dark: color-mix(in srgb, var(--muted-mix-dark), transparent 50%);--faint-dark: color-mix(in srgb, var(--muted-dark), transparent 50%);--well-dark: #0d0c0a;--ink-light: contrast-color(var(--canvas-light));--ink-soft-light: color-mix(in srgb, var(--ink-light), transparent 20%);--ink-softer-light: color-mix(in srgb, var(--ink-light), transparent 30%);--ink-softest-light: color-mix(in srgb, var(--ink-light), transparent 40%);--line-light: color-mix(in srgb, var(--ink-soft-light), transparent 60%);--line-soft-light: color-mix(in srgb, var(--line-light), transparent 60%);--muted-mix-light: color-mix(in srgb, var(--ink-soft-light), var(--dark-mix) 50%);--muted-light: color-mix(in srgb, var(--muted-mix-light), transparent 50%);--faint-light: color-mix(in srgb, var(--muted-light), transparent 50%);--bg-light-mix: color-mix(in srgb, var(--bgc, var(--bg)), var(--light-mix) 10%);--bg-dark-mix: color-mix(in srgb, var(--bgc, var(--bg)), var(--dark-mix) 10%);--canvas-light-mix: color-mix(in srgb, var(--canvas), var(--light-mix) 10%);--canvas-dark-mix: color-mix(in srgb, var(--canvas), var(--dark-mix) 10%);--color-background: var(--canvas);--color-background-2: var(--paper2);--color-border: var(--line-soft);--color-border-dark: var(--line);--color-highlight: var(--accent-ink);--soft-line-dark-border: 1px solid var(--line-soft-dark);background-color:var(--bg, var(--canvas));color:var(--clr, var(--ink-soft))}section{--ac: var(--acc, var(--accent, var(--main-accent)));--acc-trans40: color-mix(in srgb, var(--ac), transparent 60%);--accent-light: color-mix(in srgb, var(--ac), var(--light-mix) 20%);--accent-dark2: color-mix(in srgb, var(--ac), var(--dark-mix) 20%);--accent-dark: oklch(from var(--ac) calc(l - .14) c h);--accent-deep: color-mix(in oklch, var(--accent-dark) 90%, black);--accent-gradient-deep: linear-gradient(180deg, var(--ac) 0%, var(--accent-deep) 100%);--accent-bright: oklch(from var(--ac) l calc(c*1.2) h);--accent-gradient: linear-gradient(180deg, var(--ac), var(--accent-bright), var(--accent-dark));--accent-gradient2: linear-gradient(180deg, color-mix(in srgb,var(--accent) 92%, #fff), color-mix(in srgb,var(--accent) 78%, #000));--accent-gradient2-90: linear-gradient(90deg, color-mix(in srgb,var(--accent) 92%, #fff), color-mix(in srgb,var(--accent) 78%, #000));--accent-gradient90: linear-gradient(90deg, var(--ac) 0%, var(--accent-dark) 100%);--on-accent-mix: contrast-color(var(--ac));--on-accent: color-mix(in oklch, var(--ac) 40%, var(--on-accent-mix) 60%);--accent-v1: color-mix(in oklch, var(--ac) 15%, white);--accent-v2-a: oklch(from var(--ac) l calc(c - .15) h);--accent-v2: color-mix(in oklch, var(--accent-v2-a) 70%, white);--accent-v2-d: color-mix(in oklch, var(--accent-v2-a) 80%, var(--accent-deep));--accent-v3-a: oklch(from var(--ac) calc(l + .1) c h);--accent-v3-b: color-mix(in oklch, var(--accent-v3-a) 70%, black);--accent-v3: color-mix(in oklch, var(--accent-v3-b) 70%, white);--accent-v4: color-mix(in oklch, var(--accent-v3) 35%, white);--accent-v5: color-mix(in oklch, var(--accent-v3-b) 90%, white);--accent-glow-shadow: 0 1px 0 var(--accent-v1) inset, 0 -2px 4px var(--accent-v2) inset, 0 12px 24px -8px var(--accent-v3);--accent-glow-shadow-d: 0 1px 0 var(--ac) inset, 0 -2px 4px var(--accent-v2-d) inset, 0 6px 12px -4px color-mix(in oklch, var(--accent-v3-b) 70%, var(--dark-mix));--accent-glow-shadow-hover: 0 1px 0 var(--accent-v4) inset, 0 18px 32px -10px var(--accent-v5);--shad1-a: oklch(from var(--ac) l calc(c + .01) h);--shad1-b: color-mix(in srgb, var(--shad1-a) 40%, white);--shad1: color-mix(in srgb, var(--shad1-b) 40%, transparent);--shad2-a: oklch(from var(--ac) calc(l - .2) c h);--shad2-b: color-mix(in oklch, var(--shad2-a) 70%, var(--dark-mix));--shad2: color-mix(in oklch, var(--shad2-b) 40%, transparent);--shad3-a: oklch(from var(--ac) calc(l + .02) c h);--shad3-b: color-mix(in oklch, var(--shad3-a) 85%, var(--dark-mix));--shad3: color-mix(in oklch, var(--shad3-b) 60%, transparent);--accent-shadow: 0 1px 0 var(--shad1) inset, 0 -2px 5px var(--shad2) inset, 0 12px 24px -18px var(--shad3);--accent-faded: color-mix(in srgb, var(--ac) 13%, transparent);--accent-faded50: color-mix(in srgb, var(--ac) 50%, transparent);--accent-border: 1px solid var(--ac);--accent-faded-border: 1px solid var(--accent-faded);--accent-muted-border: 1px solid color-mix(in srgb, var(--ac) 30%, transparent);--accent-ink: color-mix(in srgb, var(--ac), var(--dark-mix) 20%);--accent-ink-onlight: color-mix(in srgb, var(--ac), var(--dark-mix) 20%);--acc-trans50: color-mix(in srgb, var(--ac), transparent 50%);--acc-trans60: color-mix(in srgb, var(--ac), transparent 60%);--acc-trans90: color-mix(in srgb, var(--ac), transparent 90%);--acc-trans10: color-mix(in srgb, var(--ac), transparent 10%);--color-highlight: var(--accent-ink);--bg-light10: color-mix(in srgb, var(--bgc, var(--bg, var(--canvas, var(--paper)))), var(--light-mix) 10%);--bg-dark10: color-mix(in srgb, var(--bgc, var(--bg, var(--canvas, var(--paper)))), var(--dark-mix) 10%);--bg-trans10: color-mix(in srgb, var(--bgc, var(--bg, var(--wbg, var(--canvas)))) 90%,transparent);--dark-clay-trans10: color-mix(in srgb, #2a2826 90%,transparent);--dark-clay-trans30: color-mix(in srgb, #2a2826 70%,transparent);--dark-clay-trans50: color-mix(in srgb, #2a2826 50%,transparent);--bg-trans30: color-mix(in srgb, var(--bgc, var(--bg, var(--wbg, var(--canvas)))) 70%,transparent);--clr-light10: color-mix(in srgb, var(--clr, var(--ink)), var(--light-mix) 10%);--clr-dark10: color-mix(in srgb, var(--clr, var(--ink)), var(--dark-mix) 10%);--clr-trans30: color-mix(in srgb, var(--clr, var(--ink)) 70%,transparent);--clr-trans10: color-mix(in srgb, var(--clr, var(--ink)) 90%,transparent);--dx-accent-fill-bg: linear-gradient(90deg, var(--acc-light), var(--ac), var(--acc-dark));--dx-accent-fill-shadow: inset 2px 2px 5px rgba(255, 255, 255, .5), inset -2px -3px 5px rgba(0, 0, 0, .6), 0 0 20px var(--acc-trans40);--sale-gradient: linear-gradient(180deg, color-mix(in srgb,var(--sale-color) 92%, #fff), color-mix(in srgb,var(--sale-color) 78%, #000))}
/*# sourceMappingURL=/cdn/shop/t/179/assets/dhs-colors.css.map */