body[data-chiga-theme="dumplings"] {
  --accent: #d7b46a;
  --accent-2: #f5dda0;
  --card: #162033;
  --card-2: #202c43;
  --muted: #c8b99f;
  background: radial-gradient(circle at 18% 0%, rgba(215, 180, 106, .22), transparent 30%), linear-gradient(180deg, #101827 0%, #0a101b 100%);
}

body[data-chiga-theme="grillfather"] {
  --accent: #ff8a3d;
  --accent-2: #ffd0a3;
  --card: #221615;
  --card-2: #301b19;
  --muted: #d7b2a0;
  background: radial-gradient(circle at 15% 0%, rgba(255, 105, 42, .27), transparent 34%), linear-gradient(180deg, #180e10 0%, #0d0b0c 100%);
}

body[data-chiga-theme="drinks"] {
  --accent: #7fd8ff;
  --accent-2: #c8f3ff;
  --card: #102134;
  --card-2: #12304a;
  --muted: #a9c9d8;
  background: radial-gradient(circle at 16% 0%, rgba(127, 216, 255, .25), transparent 34%), linear-gradient(180deg, #071a2c 0%, #07101d 100%);
}

body[data-chiga-theme] .topbar {
  background: rgba(8, 12, 18, .78);
  box-shadow: 0 16px 46px rgba(0, 0, 0, .22);
}

.category-grid [data-category="dumplings"] {
  border-color: rgba(215, 180, 106, .32);
  background: linear-gradient(135deg, rgba(215, 180, 106, .18), rgba(74, 105, 173, .10)), var(--card);
}

.category-grid [data-category="grillfather"] {
  border-color: rgba(255, 138, 61, .38);
  background: radial-gradient(circle at 12% 10%, rgba(255, 138, 61, .22), transparent 34%), var(--card);
}

.category-grid [data-category="drinks"] {
  border-color: rgba(127, 216, 255, .36);
  background: radial-gradient(circle at 16% 8%, rgba(127, 216, 255, .24), transparent 34%), var(--card);
}

body[data-chiga-theme] .inline-actions {
  border: 1px solid var(--line);
  border-radius: 22px;
  padding: 10px;
  background: rgba(255, 255, 255, .035);
}

body[data-chiga-theme="dumplings"] .product-card-rich,
body[data-chiga-theme="dumplings"] .product-detail-modal {
  border-color: rgba(215, 180, 106, .34);
  background: linear-gradient(180deg, rgba(215, 180, 106, .10), rgba(255, 255, 255, .018)), var(--card);
}

body[data-chiga-theme="grillfather"] .product-card-rich,
body[data-chiga-theme="grillfather"] .product-detail-modal,
body[data-chiga-theme="grillfather"] .gf-hero,
body[data-chiga-theme="grillfather"] .gf-section-head,
body[data-chiga-theme="grillfather"] .gf-inline-card,
body[data-chiga-theme="grillfather"] .gf-stock-row {
  border-color: rgba(255, 138, 61, .38);
  background: radial-gradient(circle at 18% 10%, rgba(255, 138, 61, .18), transparent 34%), var(--card);
}

body[data-chiga-theme="drinks"] .product-card-rich,
body[data-chiga-theme="drinks"] .product-detail-modal {
  border-color: rgba(127, 216, 255, .34);
  background: linear-gradient(180deg, rgba(127, 216, 255, .10), rgba(255, 255, 255, .018)), var(--card);
}

body[data-chiga-theme="dumplings"] .product-visual {
  border-color: rgba(215, 180, 106, .34);
  background: radial-gradient(circle at 20% 15%, rgba(245, 221, 160, .28), transparent 32%), linear-gradient(145deg, rgba(50, 72, 118, .34), rgba(215, 180, 106, .10));
}

body[data-chiga-theme="grillfather"] .product-visual,
body[data-chiga-theme="grillfather"] .gf-choice-icon {
  border-color: rgba(255, 138, 61, .38);
  background: radial-gradient(circle at 28% 20%, rgba(255, 170, 94, .30), transparent 34%), linear-gradient(145deg, rgba(255, 89, 45, .18), rgba(255, 255, 255, .035));
}

body[data-chiga-theme="drinks"] .product-visual {
  border-color: rgba(127, 216, 255, .36);
  background: radial-gradient(circle at 26% 18%, rgba(200, 243, 255, .32), transparent 34%), linear-gradient(145deg, rgba(39, 138, 189, .26), rgba(255, 255, 255, .04));
}

body[data-chiga-theme] .product-badges span,
body[data-chiga-theme] .product-detail-meta strong,
body[data-chiga-theme] .product-ticket,
body[data-chiga-theme] .price {
  color: var(--accent-2);
}

body[data-chiga-theme] .primary,
body[data-chiga-theme] .footer-inner button,
body[data-chiga-theme] .qty-btn,
body[data-chiga-theme] .chip.active,
body[data-chiga-theme] .nav button.active,
body[data-chiga-theme] .gf-option-chip.active,
body[data-chiga-theme] .date-option.active,
body[data-chiga-theme] .slot-option.active {
  background: linear-gradient(180deg, var(--accent-2), var(--accent));
  color: #120e09;
  border-color: transparent;
}

[data-product-theme="dumpling-family"] {
  --product-accent: #f6c944;
  --product-accent-2: #ffe99a;
  --product-border: rgba(246, 201, 68, .52);
  --product-bg: radial-gradient(circle at 14% 10%, rgba(246, 201, 68, .26), transparent 34%), linear-gradient(180deg, rgba(255, 233, 154, .12), rgba(255, 255, 255, .018));
  --product-visual: radial-gradient(circle at 24% 18%, rgba(255, 233, 154, .38), transparent 36%), linear-gradient(145deg, rgba(246, 201, 68, .24), rgba(255, 168, 72, .10));
  --product-text-on-accent: #211300;
}

[data-product-theme="dumpling-thai"] {
  --product-accent: #6ee7ef;
  --product-accent-2: #b9fbff;
  --product-border: rgba(110, 231, 239, .52);
  --product-bg: radial-gradient(circle at 14% 10%, rgba(110, 231, 239, .24), transparent 34%), linear-gradient(180deg, rgba(0, 93, 148, .18), rgba(255, 255, 255, .018));
  --product-visual: radial-gradient(circle at 24% 18%, rgba(185, 251, 255, .36), transparent 36%), linear-gradient(145deg, rgba(53, 188, 205, .28), rgba(0, 61, 128, .12));
  --product-text-on-accent: #021b22;
}

[data-product-theme="dumpling-greece"] {
  --product-accent: #ef5b4f;
  --product-accent-2: #ffc9be;
  --product-border: rgba(239, 91, 79, .54);
  --product-bg: radial-gradient(circle at 14% 10%, rgba(239, 91, 79, .24), transparent 34%), linear-gradient(180deg, rgba(255, 201, 190, .10), rgba(255, 255, 255, .018));
  --product-visual: radial-gradient(circle at 24% 18%, rgba(255, 201, 190, .34), transparent 36%), linear-gradient(145deg, rgba(239, 91, 79, .24), rgba(54, 132, 118, .10));
  --product-text-on-accent: #210503;
}

[data-product-theme="dumpling-france"] {
  --product-accent: #d9b878;
  --product-accent-2: #fff0c8;
  --product-border: rgba(217, 184, 120, .54);
  --product-bg: radial-gradient(circle at 14% 10%, rgba(217, 184, 120, .22), transparent 34%), linear-gradient(180deg, rgba(87, 109, 75, .14), rgba(255, 255, 255, .018));
  --product-visual: radial-gradient(circle at 24% 18%, rgba(255, 240, 200, .32), transparent 36%), linear-gradient(145deg, rgba(217, 184, 120, .22), rgba(80, 96, 65, .13));
  --product-text-on-accent: #241604;
}

[data-product-theme="dumpling-china"] {
  --product-accent: #f58ab9;
  --product-accent-2: #ffd0e4;
  --product-border: rgba(245, 138, 185, .54);
  --product-bg: radial-gradient(circle at 14% 10%, rgba(245, 138, 185, .24), transparent 34%), linear-gradient(180deg, rgba(184, 44, 82, .15), rgba(255, 255, 255, .018));
  --product-visual: radial-gradient(circle at 24% 18%, rgba(255, 208, 228, .34), transparent 36%), linear-gradient(145deg, rgba(245, 138, 185, .25), rgba(156, 18, 58, .12));
  --product-text-on-accent: #260615;
}

[data-product-theme="dumpling-india"] {
  --product-accent: #f0b532;
  --product-accent-2: #ffe18a;
  --product-border: rgba(240, 181, 50, .54);
  --product-bg: radial-gradient(circle at 14% 10%, rgba(240, 181, 50, .25), transparent 34%), linear-gradient(180deg, rgba(214, 99, 37, .14), rgba(255, 255, 255, .018));
  --product-visual: radial-gradient(circle at 24% 18%, rgba(255, 225, 138, .36), transparent 36%), linear-gradient(145deg, rgba(240, 181, 50, .24), rgba(214, 99, 37, .14));
  --product-text-on-accent: #221200;
}

[data-product-theme="dumpling-italy"] {
  --product-accent: #d9c24f;
  --product-accent-2: #fff19a;
  --product-border: rgba(217, 194, 79, .52);
  --product-bg: radial-gradient(circle at 14% 10%, rgba(217, 194, 79, .22), transparent 34%), linear-gradient(180deg, rgba(94, 139, 70, .16), rgba(178, 37, 31, .06));
  --product-visual: radial-gradient(circle at 24% 18%, rgba(255, 241, 154, .34), transparent 36%), linear-gradient(145deg, rgba(217, 194, 79, .22), rgba(94, 139, 70, .16));
  --product-text-on-accent: #211800;
}

[data-product-theme="drink-cola-zero"] {
  --product-accent: #111318;
  --product-accent-2: #ff5d52;
  --product-border: rgba(255, 93, 82, .54);
  --product-bg: radial-gradient(circle at 14% 10%, rgba(255, 93, 82, .22), transparent 34%), linear-gradient(180deg, rgba(0, 0, 0, .32), rgba(255, 255, 255, .018));
  --product-visual: radial-gradient(circle at 24% 18%, rgba(255, 93, 82, .32), transparent 36%), linear-gradient(145deg, rgba(0, 0, 0, .38), rgba(179, 20, 25, .15));
  --product-text-on-accent: #ffffff;
}

[data-product-theme="drink-sprite"] {
  --product-accent: #42d66f;
  --product-accent-2: #bfffd1;
  --product-border: rgba(66, 214, 111, .54);
  --product-bg: radial-gradient(circle at 14% 10%, rgba(66, 214, 111, .24), transparent 34%), linear-gradient(180deg, rgba(19, 130, 75, .16), rgba(255, 255, 255, .018));
  --product-visual: radial-gradient(circle at 24% 18%, rgba(191, 255, 209, .36), transparent 36%), linear-gradient(145deg, rgba(66, 214, 111, .24), rgba(15, 103, 80, .12));
  --product-text-on-accent: #031b0b;
}

[data-product-theme="drink-fanta"],
[data-product-theme="drink-orange"] {
  --product-accent: #ff9a22;
  --product-accent-2: #ffd39a;
  --product-border: rgba(255, 154, 34, .56);
  --product-bg: radial-gradient(circle at 14% 10%, rgba(255, 154, 34, .25), transparent 34%), linear-gradient(180deg, rgba(255, 115, 32, .14), rgba(255, 255, 255, .018));
  --product-visual: radial-gradient(circle at 24% 18%, rgba(255, 211, 154, .36), transparent 36%), linear-gradient(145deg, rgba(255, 154, 34, .27), rgba(255, 115, 32, .13));
  --product-text-on-accent: #241000;
}

[data-product-theme="drink-water"] {
  --product-accent: #88def8;
  --product-accent-2: #d5f8ff;
  --product-border: rgba(136, 222, 248, .52);
  --product-bg: radial-gradient(circle at 14% 10%, rgba(136, 222, 248, .23), transparent 34%), linear-gradient(180deg, rgba(179, 238, 255, .08), rgba(255, 255, 255, .018));
  --product-visual: radial-gradient(circle at 24% 18%, rgba(213, 248, 255, .38), transparent 36%), linear-gradient(145deg, rgba(136, 222, 248, .24), rgba(255, 255, 255, .08));
  --product-text-on-accent: #031922;
}

[data-product-theme="drink-apple"] {
  --product-accent: #8dde3f;
  --product-accent-2: #d9ff9f;
  --product-border: rgba(141, 222, 63, .54);
  --product-bg: radial-gradient(circle at 14% 10%, rgba(141, 222, 63, .24), transparent 34%), linear-gradient(180deg, rgba(97, 150, 37, .16), rgba(255, 255, 255, .018));
  --product-visual: radial-gradient(circle at 24% 18%, rgba(217, 255, 159, .36), transparent 36%), linear-gradient(145deg, rgba(141, 222, 63, .25), rgba(97, 150, 37, .13));
  --product-text-on-accent: #0f1d02;
}

[data-product-theme="drink-tea"] {
  --product-accent: #c98a37;
  --product-accent-2: #ffd197;
  --product-border: rgba(201, 138, 55, .54);
  --product-bg: radial-gradient(circle at 14% 10%, rgba(201, 138, 55, .24), transparent 34%), linear-gradient(180deg, rgba(98, 57, 22, .20), rgba(255, 255, 255, .018));
  --product-visual: radial-gradient(circle at 24% 18%, rgba(255, 209, 151, .34), transparent 36%), linear-gradient(145deg, rgba(201, 138, 55, .25), rgba(98, 57, 22, .15));
  --product-text-on-accent: #211000;
}

body[data-chiga-theme] .product-card-rich[data-product-theme],
body[data-chiga-theme] .product-detail-modal[data-product-theme] {
  border-color: var(--product-border);
  background: var(--product-bg), var(--card);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .20);
}

body[data-chiga-theme] .product-card-rich[data-product-theme] .product-visual,
body[data-chiga-theme] .product-detail-modal[data-product-theme] .product-visual {
  border-color: var(--product-border);
  background: var(--product-visual);
}

body[data-chiga-theme] .product-card-rich[data-product-theme] .product-badges span,
body[data-chiga-theme] .product-detail-modal[data-product-theme] .product-badges span,
body[data-chiga-theme] .product-card-rich[data-product-theme] .product-detail-button {
  border-color: var(--product-border);
  color: var(--product-accent-2);
  background: rgba(255, 255, 255, .045);
}

body[data-chiga-theme] .product-card-rich[data-product-theme] .price,
body[data-chiga-theme] .product-detail-modal[data-product-theme] .product-detail-meta strong,
body[data-chiga-theme] .product-detail-modal[data-product-theme] .product-ticket {
  color: var(--product-accent-2);
}

body[data-chiga-theme] .product-card-rich[data-product-theme] .qty-btn,
body[data-chiga-theme] .product-detail-modal[data-product-theme] .qty-btn {
  background: linear-gradient(180deg, var(--product-accent-2), var(--product-accent));
  color: var(--product-text-on-accent);
  border-color: transparent;
}
