/* frontend/variables/_spacing.css */
:root{ --spacing-xs:0.25rem; --spacing-sm:0.5rem; --spacing-md:1rem; --spacing-lg:1.5rem; --spacing-xl:2rem; --spacing-2xl:3rem; --spacing-3xl:4rem; --spacing-component-padding:var(--spacing-md); --spacing-component-gap:var(--spacing-sm); --spacing-section-margin:var(--spacing-xl); --weline-container-gutter:clamp(1rem,0.9rem + 1.5vw,2.5rem); --weline-page-canvas-color:var(--weline-theme-body-bg,var(--weline-chrome-body-bg,var(--color-bg-canvas,var(--weline-theme-canvas,#ffffff)))); --weline-page-canvas-image:none; --weline-page-canvas-size:auto; --weline-page-canvas-repeat:repeat; --weline-page-canvas-position:0 0; --spacing-container-padding:var(--weline-container-gutter); --spacing-container-max-width:1440px; --spacing-grid-gap:var(--spacing-md); --layout-header-height:70px; --layout-sidebar-width:280px; --header-height:var(--layout-header-height); --sidebar-width:var(--layout-sidebar-width); --spacing-px:1px; --spacing-0_5:0.125rem; --spacing-1_5:0.375rem; --spacing-2_5:0.625rem; --spacing-3_5:0.875rem; --spacing-4_5:1.125rem; --spacing-5_5:1.375rem; --spacing-7:1.75rem; --spacing-9:2.25rem; --spacing-11:2.75rem; --spacing-13:3.25rem; --spacing-15:3.75rem; --control-height-xs:28px; --control-height-sm:35px; --control-height-md:40px; --control-height:42px; --control-height-lg:44px; --control-height-xl:48px; --control-height-2xl:56px; --size-control-xs:var(--control-height-xs); --size-control-sm:var(--control-height-sm); --size-control-md:var(--control-height-md); --size-control-lg:var(--control-height-lg); --size-control-xl:var(--control-height-xl); --size-control-2xl:var(--control-height-2xl); --size-control-42:var(--control-height); --size-control-50:50px; --size-icon-sm:16px; --size-icon-md:20px; --size-icon-lg:24px; --size-scrollbar:6px; --breakpoint-sm:576px; --breakpoint-md:768px; --breakpoint-lg:992px; --breakpoint-xl:1200px; --spacing-neg-px: -1px; --spacing-neg-0_5: -2px; --spacing-neg-2_5: -10px; --spacing-0_4:0.4rem; --spacing-0_45:0.45rem; --spacing-0_55:0.55rem; --spacing-0_65:0.65rem; --spacing-0_7:0.7rem; --spacing-0_9:0.9rem; --spacing-0_95:0.95rem; --spacing-1_05:1.05rem; --spacing-2_25:2.25rem; --spacing-5rem:5rem; --size-panel-120:120px; --size-panel-180:180px; --size-panel-220:220px; --size-panel-300:300px; --size-content-640:640px; --size-content-1180:1180px; --size-modal-sm:420px; --size-modal-md:var(--size-content-640); --size-modal-lg:860px; --size-modal-xl:1120px; --breakpoint-xs:480px; --spacing-0_2:0.2rem; --spacing-0_8:0.8rem; --spacing-0_85:0.85rem; --spacing-1_2:1.2rem; --spacing-2_75:2.75rem; --spacing-neg-1_5: -3px; --size-panel-150:150px; --size-panel-200:200px; --size-panel-360:360px; --size-panel-400:400px; --size-content-720:720px; --size-content-900:900px; --size-content-960:960px; --size-control-42:var(--control-height); --font-size-13:0.8125rem; --token-size-34px:var(--control-height-sm); --token-size-35px:var(--control-height-sm); --token-size-36px:var(--control-height-sm); --token-size-40px:var(--control-height-md); --token-size-42px:var(--control-height); --token-size-44px:var(--control-height-lg); --token-size-48px:var(--control-height-xl); --weline-space-1:0.25rem; --weline-space-2:0.5rem; --weline-space-3:0.75rem; --weline-space-4:1rem; --weline-space-5:1.25rem; --weline-space-6:1.5rem; --weline-space-8:2rem; --weline-space-9:2.25rem; --weline-space-10:2.5rem; --weline-space-12:3rem; --weline-space-15:3.75rem; --transition-fast:0.16s ease; --transition-base:0.2s ease; --transition-slow:0.32s ease; --weline-control-height-sm:var(--control-height-sm); --weline-control-height:var(--control-height); --weline-control-height-lg:var(--control-height-lg); --spacing-1:var(--weline-space-1); --spacing-2:var(--weline-space-2); --spacing-3:var(--weline-space-3); --spacing-4:var(--weline-space-4); --spacing-5:var(--weline-space-5); --spacing-6:var(--weline-space-6); --spacing-8:var(--weline-space-8); --spacing-10:var(--weline-space-10); --spacing-12:var(--weline-space-12); --layout-max-width:var(--spacing-container-max-width); --z-index-dropdown:1000; --z-index-sticky:1020; --z-index-fixed:1030; --z-index-modal-backdrop:1040; --z-index-modal:1050; --z-index-popover:1060; --z-index-tooltip:1070; --z-index-overlay:998; --z-index-drawer:1045; --loader-border-width:3px; --container-max-width:var(--layout-max-width); --size-hero-height:560px; --weshop-spacing-xs:var(--spacing-xs); --weshop-spacing-sm:var(--spacing-sm); --weshop-spacing-md:var(--spacing-md); --weshop-spacing-lg:var(--spacing-lg); --weshop-spacing-xl:var(--spacing-xl); --weshop-spacing-2xl:var(--spacing-2xl); --weshop-spacing-3xl:var(--spacing-3xl); --weshop-container-max-width:var(--layout-max-width); --weshop-container-padding:var(--spacing-container-padding); --weline-layout-content-max-width:var(--layout-max-width); --weline-layout-content-padding-inline:var(--weline-container-gutter); --weshop-control-height:var(--control-height); --weshop-border-width:var(--border-width); --weshop-line-height-tight:var(--line-height-tight); --weshop-line-height-normal:var(--line-height-normal); --weshop-line-height-relaxed:var(--line-height-relaxed); --weline-skeleton-card-min-h:14rem; --weline-lines-lh:1.4;}
/* frontend/variables/_auto-literals.css */
:root{ --token-size-0-02em: -0.02em; --token-size-0-02em:0.02em; --token-size-0-03em: -0.03em; --token-size-0-04em:0.04em; --token-size-0-05em:0.05em; --token-size-0-08em:0.08em; --token-size-0-15rem:0.15rem; --token-size-0-1em: -0.1em; --token-size-0-1rem:0.1rem; --token-size-0-24rem:0.24rem; --token-size-0-375rem:0.375rem; --token-size-0-3rem:0.3rem; --token-size-0-5px:0.5px; --token-size-0-6rem:0.6rem; --token-size-0-76rem:0.76rem; --token-size-0-77rem:0.77rem; --token-size-0-78rem:0.78rem; --token-size-0-8rem:0.8rem; --token-size-0-92rem:0.92rem; --token-size-1-15rem:1.15rem; --token-size-1-1rem:1.1rem; --token-size-1-35rem:1.35rem; --token-size-1-4rem:1.4rem; --token-size-1-55rem:1.55rem; --token-size-1-5em:1.5em; --token-size-1-5rem:1.5rem; --token-size-1-65rem:1.65rem; --token-size-1-6rem:1.6rem; --token-size-1000px:1000px; --token-size-100px:100px; --token-size-10px:10px; --token-size-1100px:1100px; --token-size-1120px:1120px; --token-size-11px:11px; --token-size-1200px:1200px; --token-size-12rem:12rem; --token-size-132px:132px; --token-size-14px:14px; --token-size-15px:15px; --token-size-160px:160px; --token-size-168px:168px; --token-size-17px:17px; --token-size-19px:19px; --token-size-2-35rem:2.35rem; --token-size-2-4rem:2.4rem; --token-size-2-5rem:2.5rem; --token-size-2-85rem:2.85rem; --token-size-20px: -20px; --token-size-20px:20px; --token-size-22-5rem:22.5rem; --token-size-22px:22px; --token-size-240px:240px; --token-size-250px:250px; --token-size-25px:25px; --token-size-260px:260px; --token-size-26px:26px; --token-size-280px:280px; --token-size-3-5rem:3.5rem; --token-size-30px:30px; --token-size-34px:34px; --token-size-38px:38px; --token-size-420px:420px; --token-size-440px:440px; --token-size-450px:450px; --token-size-45px:45px; --token-size-46px:46px; --token-size-46rem:46rem; --token-size-4px: -4px; --token-size-4rem:4rem; --token-size-500px:500px; --token-size-520px:520px; --token-size-550px:550px; --token-size-560px:560px; --token-size-56rem:56rem; --token-size-5px: -5px; --token-size-600px:600px; --token-size-620px:620px; --token-size-64px:64px; --token-size-6px: -6px; --token-size-6px:6px; --token-size-6rem:0.6rem; --token-size-6rem:6rem; --token-size-700px:700px; --token-size-72px:72px; --token-size-760px:760px; --token-size-800px:800px; --token-size-80px: -80px; --token-size-860px:860px; --token-size-8px: -8px; --token-size-90px: -90px; --token-size-92px:92px; --token-size-9999px: -9999px; --token-size-9px:9px; --token-bp-1024px:1024px; --token-bp-1100px:1100px; --token-bp-520px:520px; --token-bp-560px:560px; --token-bp-575-98px:575.98px; --token-bp-620px:620px; --token-bp-720px:720px; --token-bp-760px:760px; --token-bp-767px:767px; --token-bp-769px:769px; --token-bp-820px:820px; --token-bp-860px:860px; --token-bp-880px:880px; --token-bp-900px:900px; --token-bp-980px:980px; --token-bp-991-98px:991.98px; --token-bp-992px:992px; --token-size-0-01em:0.01em; --token-size-0-05rem:0.05rem; --token-size-0-06em:0.06em; --token-size-0-12em:0.12em; --token-size-0-14em:0.14em; --token-size-0-18em:0.18em; --token-size-0-18rem:0.18rem; --token-size-0-22em:0.22em; --token-size-0-22rem:0.22rem; --token-size-0-28rem:0.28rem; --token-size-0-2em:0.2em; --token-size-0-32em:0.32em; --token-size-0-35rem:0.35rem; --token-size-0-52rem:0.52rem; --token-size-0-5625rem:0.5625rem; --token-size-0-65em:0.65em; --token-size-0-68rem:0.68rem; --token-size-0-75em:0.75em; --token-size-0-7em:0.7em; --token-size-0-82rem:0.82rem; --token-size-0-84rem:0.84rem; --token-size-0-86rem:0.86rem; --token-size-0-9375rem:0.9375rem; --token-size-0-98rem:0.98rem; --token-size-01em:01em; --token-size-02em:02em; --token-size-1-0625rem:1.0625rem; --token-size-1-125em:1.125em; --token-size-1-12rem:1.12rem; --token-size-1-2em:1.2em; --token-size-1-3rem:1.3rem; --token-size-1-45em:1.45em; --token-size-1-45rem:1.45rem; --token-size-1-5px:1.5px; --token-size-1-85rem:1.85rem; --token-size-1023px:1023px; --token-size-10rem:10rem; --token-size-11-25rem:11.25rem; --token-size-11-5rem:11.5rem; --token-size-110px:110px; --token-size-11rem:11rem; --token-size-12-5rem:12.5rem; --token-size-125rem:125rem; --token-size-13-25rem:13.25rem; --token-size-13-5rem:13.5rem; --token-size-13-75rem:13.75rem; --token-size-13px:13px; --token-size-148px:148px; --token-size-15-5rem:15.5rem; --token-size-15rem:15rem; --token-size-16rem:16rem; --token-size-18em:18em; --token-size-18px:18px; --token-size-18rem:18rem; --token-size-19-5rem:19.5rem; --token-size-2-15em:2.15em; --token-size-2-1rem:2.1rem; --token-size-2-5em:2.5em; --token-size-20rem:20rem; --token-size-21rem:21rem; --token-size-22rem:22rem; --token-size-230px:230px; --token-size-24rem:24rem; --token-size-25rem:25rem; --token-size-26rem:26rem; --token-size-28em:28em; --token-size-28rem:28rem; --token-size-2em:2em; --token-size-2rem:2rem; --token-size-3-5em:3.5em; --token-size-320px:320px; --token-size-32rem:32rem; --token-size-35rem:35rem; --token-size-36px:36px; --token-size-36rem:36rem; --token-size-39-99rem:39.99rem; --token-size-4-1rem:4.1rem; --token-size-4-25rem:4.25rem; --token-size-4-5rem:4.5rem; --token-size-40rem:40rem; --token-size-42rem:42rem; --token-size-47-99rem:47.99rem; --token-size-5-5rem:5.5rem; --token-size-52px:52px; --token-size-52rem:52rem; --token-size-559px:559px; --token-size-55rem:55rem; --token-size-6-5rem:6.5rem; --token-size-625rem:625rem; --token-size-65rem:65rem; --token-size-7-25rem:7.25rem; --token-size-7-4rem:7.4rem; --token-size-7-5rem:7.5rem; --token-size-75rem:75rem; --token-size-7px:7px; --token-size-7rem:7rem; --token-size-8-5rem:8.5rem; --token-size-8-75rem:8.75rem; --token-size-8125rem:8125rem; --token-size-85rem:85rem; --token-size-875rem:875rem; --token-size-88px:88px; --token-size-8rem:8rem; --token-size-9-5rem:9.5rem; --token-size-920px:920px; --token-size-96px:96px; --token-size-999px:999px; --token-size-9rem:9rem; --token-size-0-625rem:0.625rem; --token-size-1-05rem:1.05rem; --token-size-1-1em:1.1em;}
/* frontend/variables/_typography.css */
:root{ --font-family-base:"Noto Sans SC", -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; --font-family-display:var(--font-family-base); --font-family-ui:var(--font-family-base); --font-family-serif:Georgia,"Times New Roman",serif; --font-family-mono:"Courier New",Courier,monospace; --font-size-xs:0.75rem; --font-size-sm:0.875rem; --font-size-base:1rem; --font-size-lg:1.125rem; --font-size-xl:1.25rem; --font-size-2xl:1.5rem; --font-size-3xl:1.75rem; --font-size-4xl:2rem; --font-weight-light:300; --font-weight-normal:400; --font-weight-medium:500; --font-weight-semibold:600; --font-weight-bold:700; --line-height-tight:1.25; --line-height-normal:1.5; --line-height-relaxed:1.75; --line-height-loose:2; --letter-spacing-tight: -0.025em; --letter-spacing-normal:0; --letter-spacing-wide:0.025em; --font-size-md:var(--font-size-base); --font-size-2_5xl:1.375rem; --font-size-xxl:var(--font-size-2xl); --weline-font-sans:var(--font-family-base); --weline-font-serif:var(--font-family-serif); --weline-font-display:var(--font-family-display); --weline-font-ui:var(--font-family-ui); --weline-font-mono:var(--font-family-mono); --weline-font-size-xs:var(--font-size-xs); --weline-font-size-sm:var(--font-size-sm); --weline-font-size-base:var(--font-size-base); --weline-font-size-lg:var(--font-size-lg); --weline-font-size-xl:var(--font-size-xl); --weline-font-size-2xl:var(--font-size-2xl); --weline-font-size-3xl:var(--font-size-3xl); --weline-font-size-4xl:var(--font-size-4xl); --weline-font-weight-medium:var(--font-weight-medium); --weline-font-weight-semibold:var(--font-weight-semibold); --weline-font-weight-bold:var(--font-weight-bold); --weline-line-height:var(--line-height-normal); --weshop-font-size-xs:var(--font-size-xs); --weshop-font-size-sm:var(--font-size-sm); --weshop-font-size-base:var(--font-size-base); --weshop-font-size-lg:var(--font-size-lg); --weshop-font-size-xl:var(--font-size-xl); --weshop-font-size-2xl:var(--font-size-2xl); --weshop-font-size-3xl:var(--font-size-3xl); --weshop-font-size-4xl:var(--font-size-4xl);}
/* frontend/colors/_default.css */
:root,[data-theme="default"],[data-theme="light"]{ --color-primary:#0f766e; --color-primary-light:#14b8a6; --color-primary-dark:#0d5f59; --color-primary-border:#0a4f4a; --color-primary-rgb:15,118,110; --color-primary-hover:#0d5f59; --color-primary-active:#0a4f4a; --color-primary-bg-subtle:#f0fdfa; --color-primary-border-subtle:#99f6e4; --color-primary-text-emphasis:#115e59; --color-on-primary:#f8fafc; --color-text:#111827; --color-text-rgb:17,24,39; --color-emphasis-rgb:17,24,39; --color-text-primary:var(--color-text); --color-text-secondary:#4b5563; --color-text-tertiary:#6b7280; --color-text-subtle:#6b7280; --color-text-disabled:#c7c7c7; --color-text-dark:#111827; --color-text-muted:#4b5563; --color-text-placeholder:#9ca3af; --color-text-inverse:#ffffff; --color-text-light:#f8fafc; --color-text-light-secondary:#e5e7eb; --color-text-on-dark:#f8fafc; --color-text-on-dark-muted:#cbd5e1; --color-bg-canvas:#ffffff; --color-bg-canvas-rgb:255,255,255; --weline-chrome-body-bg:var(--color-bg-canvas); --weline-theme-canvas:var(--color-bg-canvas); --weline-theme-body-bg:var(--weline-chrome-body-bg,var(--color-bg-canvas)); --color-bg-primary:#ffffff; --color-bg-secondary:#f3f4f6; --color-bg-tertiary:#e5e7eb; --color-bg-dark:#1f2937; --color-bg-dark-secondary:#111827; --color-bg-dark-tertiary:#374151; --color-bg-overlay:rgb(15 23 42/0.42); --color-surface:var(--color-bg-primary); --color-surface-subtle:var(--color-bg-secondary); --color-surface-muted:var(--color-bg-tertiary); --color-surface-hover:#f3f4f6; --color-surface-disabled:#f3f4f6; --color-on-dark-soft:rgba(255,255,255,0.08); --color-border-default:#e5e7eb; --color-border-subtle:#f3f4f6; --color-border-strong:#9ca3af; --color-border-emphasis:#9ca3af; --color-border-focus:#0f766e; --color-border-light:#f3f4f6; --color-accent:#0f766e; --color-accent-hover:#0d5f59; --color-accent-light:rgba(15,118,110,0.08); --color-accent-medium:rgba(15,118,110,0.14); --color-accent-dark:rgba(15,118,110,0.22); --color-secondary:#475569; --color-secondary-rgb:71,85,105; --color-secondary-hover:#334155; --color-secondary-active:#1e293b; --color-on-secondary:#ffffff; --color-secondary-bg-subtle:#e2e8f0; --color-secondary-border-subtle:#94a3b8; --color-secondary-text-emphasis:#334155; --color-success:#15803d; --color-success-rgb:21,128,61; --color-success-hover:#166534; --color-success-active:#14532d; --color-on-success:#ffffff; --color-success-bg-subtle:#dcfce7; --color-success-border-subtle:#86efac; --color-success-text-emphasis:#166534; --color-warning:#d97706; --color-warning-rgb:217,119,6; --color-warning-hover:#b45309; --color-warning-active:#92400e; --color-on-warning:#ffffff; --color-warning-bg-subtle:#fef3c7; --color-warning-border-subtle:#fcd34d; --color-warning-text-emphasis:#92400e; --color-danger:#dc2626; --color-danger-rgb:220,38,38; --color-danger-hover:#b91c1c; --color-danger-active:#991b1b; --color-on-danger:#ffffff; --color-danger-bg-subtle:#fee2e2; --color-danger-border-subtle:#fca5a5; --color-danger-text-emphasis:#991b1b; --color-error:var(--color-danger); --color-error-hover:var(--color-danger-hover); --color-error-light:rgba(220,38,38,0.08); --color-info:#0369a1; --color-info-rgb:3,105,161; --color-info-hover:#075985; --color-info-active:#0c4a6e; --color-on-info:#ffffff; --color-info-bg-subtle:#e0f2fe; --color-info-border-subtle:#7dd3fc; --color-info-text-emphasis:#075985; --color-link:#0f766e; --color-link-hover:#115e59; --color-link-visited:#5b21b6; --color-header-bg:#111827; --color-header-bg-hover:#1f2937; --color-header-border-hover:#374151; --color-header-shadow:rgba(17,24,39,0.18); --color-header-focus-ring:rgba(15,118,110,0.35); --color-header-dropdown-shadow:0 4px 12px rgba(17,24,39,0.15); --weline-chrome-primary:var(--color-primary); --weline-chrome-primary-light:var(--color-primary-light); --weline-chrome-primary-dark:var(--color-primary-dark); --weline-chrome-border-focus:var(--color-border-focus); --weline-chrome-body-link-hover:var(--color-primary); --weline-chrome-menu-panel-text-hover:var(--color-primary); --weline-chrome-bg-dark:var(--color-bg-dark-secondary); --weline-chrome-bg-dark-secondary:var(--color-bg-dark); --weline-chrome-bg-primary:var(--color-bg-primary); --weline-chrome-body-bg:var(--color-bg-canvas); --weline-theme-canvas:var(--color-bg-canvas); --weline-theme-body-bg:var(--weline-chrome-body-bg,var(--color-bg-canvas)); --weline-chrome-bg-secondary:var(--color-bg-secondary); --weline-chrome-bg-tertiary:var(--color-bg-tertiary); --weline-chrome-border-default:var(--color-border-default); --weline-chrome-text-primary:var(--color-text-primary); --weline-chrome-text-secondary:var(--color-text-secondary); --weline-chrome-text-muted:var(--color-text-placeholder); --weline-chrome-text-light:var(--color-text-light); --weline-chrome-text-light-secondary:var(--color-text-light-secondary); --color-product-label-new-bg:#ecfdf5; --color-product-label-new-text:#047857; --color-product-label-sale-bg:#fef2f2; --color-product-label-sale-text:#9f1239; --weline-product-label-new-bg:var(--color-product-label-new-bg); --weline-product-label-new-text:var(--color-product-label-new-text); --weline-product-label-sale-bg:var(--color-product-label-sale-bg); --weline-product-label-sale-text:var(--color-product-label-sale-text); --scrollbar-width:4px; --scrollbar-thumb:#c1c1c1; --scrollbar-thumb-hover:#a8a8a8; --scrollbar-track:transparent;}
/* frontend/colors/_ink.css */
:root,[data-theme="ink"]{ --color-primary:#b84a3c; --color-primary-light:#d4786a; --color-primary-dark:#963b30; --color-primary-border:#963b30; --color-primary-rgb:184,74,60; --color-primary-hover:#963b30; --color-primary-active:#7a3028; --color-primary-bg-subtle:#f8ede9; --color-primary-border-subtle:#e8c4bc; --color-primary-text-emphasis:#7a3028; --color-on-primary:#ffffff; --color-text:#1c1c1c; --color-text-rgb:28,28,28; --color-emphasis-rgb:28,28,28; --color-text-primary:var(--color-text); --color-text-secondary:#4a4a48; --color-text-tertiary:#7a7874; --color-text-subtle:#7a7874; --color-text-disabled:#b8b4ac; --color-text-dark:#1c1c1c; --color-text-muted:#5c5a56; --color-text-placeholder:#9a968e; --color-text-inverse:#f7f4ef; --color-text-light:#f7f4ef; --color-text-light-secondary:#d4cfc5; --color-text-on-dark:#f7f4ef; --color-text-on-dark-muted:#d4cfc5; --color-bg-canvas:#f7f4ef; --color-bg-canvas-rgb:247,244,239; --weline-chrome-body-bg:var(--color-bg-canvas); --weline-theme-canvas:var(--color-bg-canvas); --weline-theme-body-bg:var(--weline-chrome-body-bg,var(--color-bg-canvas)); --color-bg-primary:#fffefa; --color-bg-secondary:#ede9e1; --color-bg-tertiary:#e0dbd2; --color-bg-dark:#1f2124; --color-bg-dark-secondary:#16181a; --color-bg-dark-tertiary:#2c3034; --color-bg-overlay:rgb(28 28 28/0.42); --color-surface:var(--color-bg-primary); --color-surface-subtle:var(--color-bg-secondary); --color-surface-muted:var(--color-bg-tertiary); --color-surface-hover:#f0ebe3; --color-surface-disabled:#ede9e1; --color-on-dark-soft:rgba(247,244,239,0.10); --color-border-default:#d4cfc5; --color-border-subtle:#e8e4dc; --color-border-strong:#a8a299; --color-border-emphasis:#a8a299; --color-border-focus:#b84a3c; --color-border-light:#e8e4dc; --color-accent:#b84a3c; --color-accent-hover:#963b30; --color-accent-light:rgba(184,74,60,0.08); --color-accent-medium:rgba(184,74,60,0.14); --color-accent-dark:rgba(184,74,60,0.22); --color-secondary:#5c5a56; --color-secondary-rgb:92,90,86; --color-secondary-hover:#4a4a48; --color-secondary-active:#1c1c1c; --color-on-secondary:#f7f4ef; --color-secondary-bg-subtle:#ede9e1; --color-secondary-border-subtle:#a8a299; --color-secondary-text-emphasis:#4a4a48; --color-success:#4a7c59; --color-success-rgb:74,124,89; --color-success-hover:#3d684a; --color-success-active:#31543c; --color-on-success:#ffffff; --color-success-bg-subtle:#e4efe7; --color-success-border-subtle:#a8cbb3; --color-success-text-emphasis:#31543c; --color-warning:#c4893f; --color-warning-rgb:196,137,63; --color-warning-hover:#a87334; --color-warning-active:#8c602b; --color-on-warning:#ffffff; --color-warning-bg-subtle:#f8efe3; --color-warning-border-subtle:#e8cda3; --color-warning-text-emphasis:#8c602b; --color-danger:#a63d3d; --color-danger-rgb:166,61,61; --color-danger-hover:#8b3333; --color-danger-active:#702929; --color-on-danger:#ffffff; --color-danger-bg-subtle:#f8ede9; --color-danger-border-subtle:#e8c4bc; --color-danger-text-emphasis:#702929; --color-error:var(--color-danger); --color-error-hover:var(--color-danger-hover); --color-error-light:rgba(166,61,61,0.08); --color-info:#4a6b8a; --color-info-rgb:74,107,138; --color-info-hover:#3d5a74; --color-info-active:#31495e; --color-on-info:#ffffff; --color-info-bg-subtle:#e8eef3; --color-info-border-subtle:#b3c5d4; --color-info-text-emphasis:#31495e; --color-success-focus-ring-color:rgba(74,124,89,0.32); --color-danger-focus-ring-color:rgba(166,61,61,0.32); --color-link:#3d6b78; --color-link-hover:#b84a3c; --color-link-visited:#5c4a6e; --color-header-bg:#1f2124; --color-header-bg-hover:#2c3034; --color-header-border-hover:#3a3f44; --color-header-shadow:rgba(28,28,28,0.18); --color-header-focus-ring:rgba(184,74,60,0.35); --color-header-dropdown-shadow:0 4px 12px rgba(28,28,28,0.14); --weline-chrome-primary:var(--color-primary); --weline-chrome-primary-light:var(--color-primary-light); --weline-chrome-primary-dark:var(--color-primary-dark); --weline-chrome-border-focus:var(--color-border-focus); --weline-chrome-body-link-hover:var(--color-primary); --weline-chrome-menu-panel-text-hover:var(--color-primary); --weline-chrome-bg-dark:var(--color-bg-dark-secondary); --weline-chrome-bg-dark-secondary:var(--color-bg-dark); --weline-chrome-bg-primary:var(--color-bg-primary); --weline-chrome-body-bg:var(--color-bg-canvas); --weline-theme-canvas:var(--color-bg-canvas); --weline-theme-body-bg:var(--weline-chrome-body-bg,var(--color-bg-canvas)); --weline-chrome-bg-secondary:var(--color-bg-secondary); --weline-chrome-bg-tertiary:var(--color-bg-tertiary); --weline-chrome-border-default:var(--color-border-default); --weline-chrome-text-primary:var(--color-text-primary); --weline-chrome-text-secondary:var(--color-text-secondary); --weline-chrome-text-muted:var(--color-text-placeholder); --weline-chrome-text-light:var(--color-text-light); --weline-chrome-text-light-secondary:var(--color-text-light-secondary); --color-product-label-new-bg:#e4efe7; --color-product-label-new-text:#3a6448; --color-product-label-sale-bg:#f8ede9; --color-product-label-sale-text:#7a3028; --weline-product-label-new-bg:var(--color-product-label-new-bg); --weline-product-label-new-text:var(--color-product-label-new-text); --weline-product-label-sale-bg:var(--color-product-label-sale-bg); --weline-product-label-sale-text:var(--color-product-label-sale-text); --scrollbar-width:4px; --scrollbar-thumb:#c4bfb5; --scrollbar-thumb-hover:#a8a299; --scrollbar-track:transparent;}
/* frontend/colors/_light.css */
[data-theme="light"]{ --color-text-primary:#111; --color-text-secondary:#767676; --color-text-tertiary:#a6a6a6; --color-text-disabled:#c7c7c7; --color-text-dark:#1e293b; --color-text-muted:#475569; --color-text-placeholder:#9ca3af; --color-text-light:#f1f5f9; --color-text-light-secondary:#cbd5e1; --color-bg-canvas:#ffffff; --weline-chrome-body-bg:var(--color-bg-canvas); --weline-theme-canvas:var(--color-bg-canvas); --weline-theme-body-bg:var(--weline-chrome-body-bg,var(--color-bg-canvas)); --color-bg-primary:#fff; --color-bg-secondary:#f8f9fa; --color-bg-tertiary:#e7e7e7; --color-bg-dark:#232f3e; --color-bg-dark-secondary:#1e293b; --color-bg-dark-tertiary:#334155; --color-border-default:#ddd; --color-border-emphasis:#a6a6a6; --color-border-focus:#e77600; --color-border-light:#e5e7eb; --color-accent:#3b82f6; --color-accent-hover:#2563eb; --color-accent-light:rgba(59,130,246,0.05); --color-accent-medium:rgba(59,130,246,0.1); --color-accent-dark:rgba(59,130,246,0.15); --color-success:#28a745; --color-warning:#ffc107; --color-error:#dc3545; --color-error-hover:#ef4444; --color-error-light:rgba(239,68,68,0.05); --color-info:#17a2b8; --scrollbar-thumb:#a2adb7; --scrollbar-thumb-hover:#8590a5; --scrollbar-track:transparent;}[data-theme="light"]{ --color-text-body:#0f1111; --color-text:#172033; --color-text-primary:var(--color-text); --color-text-secondary:#475569; --color-text-tertiary:#64748b; --color-text-muted:#64748b; --color-text-disabled:#94a3b8; --color-text-placeholder:#64748b; --color-text-inverse:#ffffff; --color-bg-canvas:#ffffff; --weline-chrome-body-bg:var(--color-bg-canvas); --weline-theme-canvas:var(--color-bg-canvas); --weline-theme-body-bg:var(--weline-chrome-body-bg,var(--color-bg-canvas)); --color-bg-primary:#ffffff; --color-bg-secondary:#f8fafc; --color-bg-tertiary:#e2e8f0; --color-surface:var(--color-bg-primary); --color-surface-subtle:var(--color-bg-secondary); --color-surface-muted:var(--color-bg-tertiary); --color-border-default:#e2e8f0; --color-border-subtle:#e2e8f0; --color-border-strong:#94a3b8; --color-border-focus:#2563eb; --color-primary:#2563eb; --color-primary-rgb:37,99,235; --color-primary-hover:#1d4ed8; --color-primary-active:#1e40af; --color-primary-bg-subtle:#dbeafe; --color-primary-border-subtle:#93c5fd; --color-primary-text-emphasis:#1d4ed8; --color-on-primary:#ffffff; --color-secondary:#475569; --color-secondary-rgb:71,85,105; --color-secondary-hover:#334155; --color-secondary-active:#1e293b; --color-on-secondary:#ffffff; --color-secondary-bg-subtle:#e2e8f0; --color-secondary-border-subtle:#94a3b8; --color-secondary-text-emphasis:#334155; --color-link:#1d4ed8; --color-link-hover:#1e40af; --color-success:#15803d; --color-success-hover:#166534; --color-success-active:#14532d; --color-on-success:#ffffff; --color-success-bg-subtle:#dcfce7; --color-success-border-subtle:#86efac; --color-success-text-emphasis:#166534; --color-warning:#a16207; --color-warning-hover:#854d0e; --color-warning-active:#713f12; --color-on-warning:#ffffff; --color-warning-bg-subtle:#fef3c7; --color-warning-border-subtle:#fcd34d; --color-warning-text-emphasis:#92400e; --color-danger:#b91c1c; --color-danger-hover:#991b1b; --color-danger-active:#7f1d1d; --color-error:var(--color-danger); --color-on-danger:#ffffff; --color-danger-bg-subtle:#fee2e2; --color-danger-border-subtle:#fca5a5; --color-danger-text-emphasis:#991b1b; --color-info:#0369a1; --color-info-hover:#075985; --color-info-active:#0c4a6e; --color-on-info:#ffffff; --color-info-bg-subtle:#e0f2fe; --color-info-border-subtle:#7dd3fc; --color-info-text-emphasis:#075985; --shadow-xs:0 1px 1px rgb(15 23 42/0.05); --shadow-sm:0 1px 2px rgb(15 23 42/0.08); --shadow-md:0 8px 24px rgb(15 23 42/0.10); --shadow-lg:0 18px 44px rgb(15 23 42/0.14); --focus-ring-width:3px; --focus-ring-color:rgb(37 99 235/0.35); --focus-ring:0 0 0 var(--focus-ring-width) var(--focus-ring-color); --radius-sm:0.25rem; --radius-md:0.5rem; --radius-lg:0.75rem; --radius-xl:1rem; --color-text-rgb:23,32,51; --color-bg-canvas-rgb:255,255,255; --color-emphasis-rgb:23,32,51; --color-success-rgb:21,128,61; --color-warning-rgb:161,98,7; --color-danger-rgb:185,28,28; --color-info-rgb:3,105,161; --color-bg-overlay:rgb(15 23 42/0.42); --color-success-focus-ring-color:rgba(21,128,61,0.32); --color-danger-focus-ring-color:rgba(185,28,28,0.32); --color-surface-hover:#f3f3f3; --color-on-dark-soft:rgba(255,255,255,0.08); --color-text-on-dark:#f8fafc; --color-text-on-dark-muted:#cbd5e1; --color-product-label-new-bg:#e6f2e6; --color-product-label-new-text:#007600; --color-product-label-sale-bg:#fde8ec; --color-product-label-sale-text:#9f1239; --weline-product-label-new-bg:var(--color-product-label-new-bg); --weline-product-label-new-text:var(--color-product-label-new-text); --weline-product-label-sale-bg:var(--color-product-label-sale-bg); --weline-product-label-sale-text:var(--color-product-label-sale-text);}