:root[data-theme='light'] :is(.demo-section, .demo-dialog) {
  --demo-border: #bfd7ed;
  --demo-control: #f6faff;
  --demo-surface: #fff;
  --demo-text: #102947;
  --demo-muted: #405a74;
  --demo-field-border: #6d90b4;
  --demo-blue: #1166af;
  --demo-blue-deep: #0a4f88;
  --demo-blue-muted: #315b83;
  --demo-tint: #e6f2ff;
  --demo-danger: #a12544;
}

:root[data-theme='light'] .demo-section {
  border-block-color: var(--demo-border);
  background: radial-gradient(ellipse at 85% 0%, #d4eaff, transparent 54%), #f3f8ff;
}

:root[data-theme='light'] .demo-panel {
  background: linear-gradient(150deg, #f7fbff, var(--demo-surface) 34%);
  box-shadow: 0 12px 32px #1b4e7b13;
}

:root[data-theme='light'] .demo-panel-head .eyebrow {
  color: var(--demo-blue-deep);
}

:root[data-theme='light'] .demo-field :is(input:not([type='checkbox']), select, textarea),
:root[data-theme='light'] .demo-select-trigger {
  border-color: var(--demo-field-border);
}

:root[data-theme='light'] .demo-field :is(input, textarea)::placeholder {
  color: #526d87;
}

:root[data-theme='light'] :is(.demo-checkbox input, .demo-cart-summary input[type='radio']) {
  accent-color: var(--demo-blue);
}

:root[data-theme='light'] :is(.demo-product, .demo-cart-row) {
  border-color: var(--demo-border);
  background: var(--demo-surface);
}

:root[data-theme='light'] .demo-product-image {
  border-color: var(--demo-border);
  background: radial-gradient(ellipse at 70% 34%, #daeaff, transparent 61%), linear-gradient(130deg, #e7f3ff, #f9fcff);
  color: var(--demo-blue-muted);
}

:root[data-theme='light'] .demo-product-photo {
  background: radial-gradient(ellipse at 30% 22%, #f9fcff 6%, transparent 74%), linear-gradient(145deg, #e6f2fe, #c6def6);
}

:root[data-theme='light'] .demo-product-subject {
  filter: drop-shadow(0 2px 2px #18365c1f) drop-shadow(0 10px 12px #244f7d47);
}

:root[data-theme='light'] .demo-product-subject img {
  mask: var(--demo-subject-mask) center / cover no-repeat;
}

:root[data-theme='light'] .demo-cart-thumb .demo-product-subject {
  filter: drop-shadow(0 2px 2px #244f7d47);
}

:root[data-theme='light'] #demo-product-content .demo-product-image,
:root[data-theme='light'] .demo-cart-thumb .demo-product-image {
  border-color: var(--demo-border);
}

:root[data-theme='light'] :is(.demo-product-category, .demo-price, .demo-cart-line-total, #demo-cart-count) {
  color: var(--demo-blue-deep);
}

:root[data-theme='light'] .demo-old-price {
  color: var(--demo-muted);
}

:root[data-theme='light'] .demo-badge {
  border-color: #a5d1bc;
  background: #e7f7ee;
  color: #176347;
}

:root[data-theme='light'] :is(.demo-badge-unavailable, .demo-badge-hidden) {
  border-color: #b6cae0;
  background: #edf3fa;
  color: var(--demo-muted);
}

:root[data-theme='light'] :is(.demo-button, .demo-add-cart) {
  border-color: var(--demo-blue);
  background: var(--demo-blue);
  color: #fff;
}

:root[data-theme='light'] :is(.demo-button, .demo-add-cart):not(:disabled):hover {
  border-color: var(--demo-blue-deep);
  background: var(--demo-blue-deep);
}

:root[data-theme='light'] :is(.demo-button-secondary, .demo-card-action:not(.demo-add-cart), .demo-row-action, .demo-dialog-close, .demo-cart-control) {
  border-color: var(--demo-field-border);
  background: var(--demo-control);
  color: var(--demo-blue-deep);
}

:root[data-theme='light'] :is(.demo-button-secondary, .demo-card-action:not(.demo-add-cart), .demo-row-action, .demo-dialog-close, .demo-cart-control):not(:disabled):hover {
  border-color: var(--demo-blue);
  background: var(--demo-tint);
}

:root[data-theme='light'] .demo-table th {
  background: var(--demo-tint);
  color: var(--demo-blue-muted);
}

:root[data-theme='light'] .demo-table td {
  border-color: var(--demo-border);
}

:root[data-theme='light'] .demo-table tbody tr {
  background: var(--demo-surface);
}

:root[data-theme='light'] .demo-table tbody tr:nth-child(even) {
  background: var(--demo-control);
}

:root[data-theme='light'] .demo-table tbody tr:focus-within {
  background: var(--demo-tint);
}

:root[data-theme='light'] .demo-status {
  color: var(--demo-blue-deep);
}

:root[data-theme='light'] .demo-empty {
  border-color: var(--demo-field-border);
  background: var(--demo-control);
}

:root[data-theme='light'] .demo-dialog {
  background: var(--demo-surface);
  box-shadow: 0 24px 90px #16324c50;
}

:root[data-theme='light'] .demo-dialog::backdrop {
  background: #10294783;
}

:root[data-theme='light'] .demo-form-error {
  color: var(--demo-danger);
}

:root[data-theme='light'] .demo-form-error:not(:empty) {
  border-left-color: #b43754;
  background: #fff0f3;
}

:root[data-theme='light'] #demo-delete {
  border-color: #be7183;
  background: #fff0f3;
  color: var(--demo-danger);
}

:root[data-theme='light'] #demo-delete:hover {
  border-color: var(--demo-danger);
  background: #ffe0e8;
}

:root[data-theme='light'] .demo-select-trigger::after {
  border-color: var(--demo-blue-muted);
}

:root[data-theme='light'] .demo-select-trigger:is(:hover, [aria-expanded='true']) {
  border-color: var(--demo-blue);
  background: var(--demo-tint);
}

:root[data-theme='light'] .demo-select-trigger[aria-invalid='true'],
:root[data-theme='light'] #demo-old-price[aria-invalid='true'] {
  border-color: var(--demo-danger);
}

:root[data-theme='light'] .demo-select-options {
  border-color: var(--demo-field-border);
  background: var(--demo-surface);
  box-shadow: 0 12px 36px #244c7729;
}

:root[data-theme='light'] .demo-select-options [aria-selected='true'] {
  color: var(--demo-blue-deep);
}

:root[data-theme='light'] .demo-select-options [aria-selected='true']::after {
  border-color: var(--demo-blue);
}

:root[data-theme='light'] .demo-select-options :is([data-active], [role='option']:hover) {
  border-color: #99bddc;
  background: var(--demo-tint);
  color: var(--demo-blue-deep);
}

:root[data-theme='light'] .demo-cart-remove {
  border-color: transparent;
  background: transparent;
  color: var(--demo-blue-deep);
}

:root[data-theme='light'] .demo-cart-remove:not(:disabled):hover {
  border-color: #99bddc;
}

:root[data-theme='light'] .demo-cart-summary {
  border-color: #a6c7e4;
  background: linear-gradient(150deg, #eef7ff, #f8fcff 74%);
}

:root[data-theme='light'] .demo-cart-summary fieldset label {
  border-color: var(--demo-field-border);
  background: var(--demo-surface);
}

:root[data-theme='light'] .demo-cart-summary fieldset label:has(input:checked) {
  border-color: var(--demo-blue);
  background: var(--demo-tint);
}

:root[data-theme='light'] .demo-cart-summary dl {
  border-top-color: var(--demo-border);
}

:root[data-theme='light'] .demo-cart-summary .demo-cart-total :is(dt, dd) {
  color: var(--demo-text);
}

:root[data-theme='light'] #demo-promo-status {
  color: #176347;
}

:root[data-theme='light'] #demo-promo-status[data-error] {
  color: var(--demo-danger);
}

@media (prefers-reduced-motion: no-preference) {
  :root[data-theme='light'] .demo-cart-number-updating {
    color: var(--demo-blue-deep);
    text-shadow: 0 0 10px #72b7fc73;
  }

  :root[data-theme='light'] .demo-cart-quantity-updated {
    animation-name: demo-light-quantity-pulse;
  }

  @keyframes demo-light-quantity-pulse {
    from { color: #1166af; transform: scale(1.14); }
    to { color: inherit; transform: scale(1); }
  }
}