/*
 * Restaurant Template Pro – Theme Presets
 *
 * Ein Theme wird über config/theme.json gewählt:
 * { "activeTheme": "italian" }
 *
 * Die Themes ändern ausschließlich CSS Custom Properties und wenige
 * dekorative Eigenschaften. Dadurch bleibt die HTML-/JS-Struktur stabil.
 */

body[data-theme="modern"] {
  --color-primary: #2257b3;
  --color-primary-contrast: #ffffff;
  --color-secondary: #79b8ff;
  --color-background: #f7f9fc;
  --color-surface: #ffffff;
  --color-muted: #eaf1fb;
  --color-text: #172033;
  --color-text-muted: #526070;
  --color-border: #d8e2f0;
  --shadow-soft: 0 1rem 2.5rem rgb(34 87 179 / 14%);
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --theme-gradient: linear-gradient(120deg, rgb(34 87 179 / 13%), rgb(121 184 255 / 22%));
}

body[data-theme="italian"] {
  --color-primary: #b33122;
  --color-primary-contrast: #ffffff;
  --color-secondary: #2f7d3c;
  --color-background: #fffaf3;
  --color-surface: #ffffff;
  --color-muted: #f5eadf;
  --color-text: #24211d;
  --color-text-muted: #62594f;
  --color-border: #e7d8c8;
  --shadow-soft: 0 1rem 2.5rem rgb(179 49 34 / 13%);
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --theme-gradient: linear-gradient(120deg, rgb(179 49 34 / 16%), rgb(47 125 60 / 12%), rgb(242 184 75 / 18%));
}

body[data-theme="imbiss"] {
  --color-primary: #e0531f;
  --color-primary-contrast: #1e130b;
  --color-secondary: #ffd23f;
  --color-background: #fff8ed;
  --color-surface: #ffffff;
  --color-muted: #ffe8c7;
  --color-text: #23180f;
  --color-text-muted: #644d38;
  --color-border: #f2c993;
  --shadow-soft: 0 1rem 2.25rem rgb(224 83 31 / 17%);
  --radius-md: .85rem;
  --radius-lg: 1.25rem;
  --theme-gradient: linear-gradient(120deg, rgb(255 210 63 / 32%), rgb(224 83 31 / 16%));
}

body[data-theme="elegant"] {
  --color-primary: #34251f;
  --color-primary-contrast: #fff8ec;
  --color-secondary: #c8a35f;
  --color-background: #fbf7f1;
  --color-surface: #fffdf8;
  --color-muted: #eee4d7;
  --color-text: #221b17;
  --color-text-muted: #62564b;
  --color-border: #ddcdb8;
  --shadow-soft: 0 1.25rem 2.75rem rgb(52 37 31 / 14%);
  --radius-md: .65rem;
  --radius-lg: 1rem;
  --theme-gradient: linear-gradient(120deg, rgb(52 37 31 / 12%), rgb(200 163 95 / 18%));
}

body[data-theme="dark"] {
  --color-primary: #f2b84b;
  --color-primary-contrast: #1f1b16;
  --color-secondary: #ffdf85;
  --color-background: #141210;
  --color-surface: #211d1a;
  --color-muted: #2b2621;
  --color-text: #fff7ed;
  --color-text-muted: #dbcdbd;
  --color-border: #40372f;
  --shadow-soft: 0 1.25rem 3rem rgb(0 0 0 / 38%);
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --theme-gradient: linear-gradient(120deg, rgb(242 184 75 / 16%), rgb(255 223 133 / 8%));
}

body[data-theme="burger"] {
  --color-primary: #c83221;
  --color-primary-contrast: #ffffff;
  --color-secondary: #f2b705;
  --color-background: #fff7e8;
  --color-surface: #ffffff;
  --color-muted: #ffe2a8;
  --color-text: #24130f;
  --color-text-muted: #68483b;
  --color-border: #f0c783;
  --shadow-soft: 0 1rem 2.5rem rgb(200 50 33 / 16%);
  --radius-md: 1.25rem;
  --radius-lg: 2rem;
  --theme-gradient: radial-gradient(circle at top left, rgb(242 183 5 / 35%), transparent 38%), linear-gradient(120deg, rgb(200 50 33 / 16%), rgb(255 247 232));
}

body[data-theme="asia"] {
  --color-primary: #b11f2a;
  --color-primary-contrast: #ffffff;
  --color-secondary: #d6a83f;
  --color-background: #fff8ef;
  --color-surface: #fffdf9;
  --color-muted: #f7e4cf;
  --color-text: #231715;
  --color-text-muted: #644f48;
  --color-border: #e7c9a7;
  --shadow-soft: 0 1rem 2.25rem rgb(177 31 42 / 14%);
  --radius-md: .45rem;
  --radius-lg: .75rem;
  --theme-gradient: linear-gradient(135deg, rgb(177 31 42 / 15%), rgb(214 168 63 / 18%));
}

body[data-theme="cafe"] {
  --color-primary: #7a4a2a;
  --color-primary-contrast: #fff8ef;
  --color-secondary: #d7b98d;
  --color-background: #fbf3e8;
  --color-surface: #fffaf3;
  --color-muted: #ecdcc8;
  --color-text: #281c15;
  --color-text-muted: #68564a;
  --color-border: #dec7ac;
  --shadow-soft: 0 1rem 2.5rem rgb(122 74 42 / 15%);
  --radius-md: 1.4rem;
  --radius-lg: 2rem;
  --theme-gradient: linear-gradient(120deg, rgb(122 74 42 / 14%), rgb(215 185 141 / 24%));
}

body[data-theme="bakery"] {
  --color-primary: #9a5a18;
  --color-primary-contrast: #fffaf1;
  --color-secondary: #f0bf57;
  --color-background: #fff9ec;
  --color-surface: #ffffff;
  --color-muted: #f7e4ba;
  --color-text: #241a0e;
  --color-text-muted: #67533a;
  --color-border: #e8cf9e;
  --shadow-soft: 0 1rem 2.25rem rgb(154 90 24 / 14%);
  --radius-md: 1rem;
  --radius-lg: 1.75rem;
  --theme-gradient: linear-gradient(120deg, rgb(240 191 87 / 28%), rgb(154 90 24 / 12%));
}

body[data-theme="steakhouse"] {
  --color-primary: #7c2118;
  --color-primary-contrast: #fff6ec;
  --color-secondary: #b57b3f;
  --color-background: #1c1411;
  --color-surface: #2a1e1a;
  --color-muted: #3a2a24;
  --color-text: #fff4e6;
  --color-text-muted: #dec8b1;
  --color-border: #5a4036;
  --shadow-soft: 0 1.25rem 3rem rgb(0 0 0 / 42%);
  --radius-md: .75rem;
  --radius-lg: 1.15rem;
  --theme-gradient: linear-gradient(120deg, rgb(124 33 24 / 34%), rgb(181 123 63 / 14%));
}

body[data-theme="steakhouse"] .order-config-dialog select {
  color-scheme: dark;
}

body[data-theme="mediterranean"] {
  --color-primary: #116466;
  --color-primary-contrast: #ffffff;
  --color-secondary: #ffb347;
  --color-background: #f6fbf7;
  --color-surface: #ffffff;
  --color-muted: #d9f0ea;
  --color-text: #142b2c;
  --color-text-muted: #506869;
  --color-border: #bfe0d8;
  --shadow-soft: 0 1rem 2.5rem rgb(17 100 102 / 13%);
  --radius-md: 1rem;
  --radius-lg: 1.6rem;
  --theme-gradient: linear-gradient(120deg, rgb(17 100 102 / 14%), rgb(255 179 71 / 18%));
}

body[data-theme="forest"] {
  --color-primary: #24533b; --color-primary-contrast: #ffffff; --color-secondary: #d29a38;
  --color-background: #f4f8f2; --color-surface: #ffffff; --color-muted: #dfeadd;
  --color-text: #17251c; --color-text-muted: #526358; --color-border: #bfd0c2;
  --shadow-soft: 0 1rem 2.5rem rgb(36 83 59 / 14%); --radius-md: .9rem; --radius-lg: 1.4rem;
  --theme-gradient: linear-gradient(120deg, rgb(36 83 59 / 16%), rgb(210 154 56 / 16%));
}

body[data-theme="ocean"] {
  --color-primary: #075985; --color-primary-contrast: #ffffff; --color-secondary: #0f9ba8;
  --color-background: #f2f9fc; --color-surface: #ffffff; --color-muted: #d9eef4;
  --color-text: #102b3a; --color-text-muted: #4b6571; --color-border: #b9d9e4;
  --shadow-soft: 0 1rem 2.5rem rgb(7 89 133 / 14%); --radius-md: 1rem; --radius-lg: 1.6rem;
  --theme-gradient: linear-gradient(120deg, rgb(7 89 133 / 15%), rgb(15 155 168 / 18%));
}

body[data-theme="bistro"] {
  --color-primary: #173f70; --color-primary-contrast: #ffffff; --color-secondary: #a82432;
  --color-background: #faf7f0; --color-surface: #ffffff; --color-muted: #ece5d7;
  --color-text: #1d2733; --color-text-muted: #59616a; --color-border: #d9cebb;
  --shadow-soft: 0 1rem 2.5rem rgb(23 63 112 / 13%); --radius-md: .6rem; --radius-lg: 1rem;
  --theme-gradient: linear-gradient(120deg, rgb(23 63 112 / 13%), rgb(168 36 50 / 12%));
}

body[data-theme="nordic"] {
  --color-primary: #315b68; --color-primary-contrast: #ffffff; --color-secondary: #c87955;
  --color-background: #f5f8f8; --color-surface: #ffffff; --color-muted: #e1e9e9;
  --color-text: #1d292d; --color-text-muted: #56676c; --color-border: #c9d6d8;
  --shadow-soft: 0 1rem 2.5rem rgb(49 91 104 / 12%); --radius-md: .75rem; --radius-lg: 1.15rem;
  --theme-gradient: linear-gradient(120deg, rgb(49 91 104 / 12%), rgb(200 121 85 / 13%));
}

body[data-theme="wine"] {
  --color-primary: #70243b; --color-primary-contrast: #ffffff; --color-secondary: #b99456;
  --color-background: #fbf5f6; --color-surface: #fffdfd; --color-muted: #f0dfe4;
  --color-text: #2b1820; --color-text-muted: #6a525b; --color-border: #ddc1ca;
  --shadow-soft: 0 1rem 2.5rem rgb(112 36 59 / 15%); --radius-md: .8rem; --radius-lg: 1.25rem;
  --theme-gradient: linear-gradient(120deg, rgb(112 36 59 / 16%), rgb(185 148 86 / 15%));
}

body[data-theme="olive"] {
  --color-primary: #4f5b24; --color-primary-contrast: #ffffff; --color-secondary: #bd7a3a;
  --color-background: #faf8ef; --color-surface: #fffef9; --color-muted: #ebe8cf;
  --color-text: #292a19; --color-text-muted: #62614a; --color-border: #d8d2ae;
  --shadow-soft: 0 1rem 2.5rem rgb(79 91 36 / 14%); --radius-md: .9rem; --radius-lg: 1.35rem;
  --theme-gradient: linear-gradient(120deg, rgb(79 91 36 / 15%), rgb(189 122 58 / 14%));
}

body[data-theme="terracotta"] {
  --color-primary: #984226; --color-primary-contrast: #ffffff; --color-secondary: #53745a;
  --color-background: #fff7f0; --color-surface: #ffffff; --color-muted: #f3dfd1;
  --color-text: #321e17; --color-text-muted: #6d574e; --color-border: #dfc3b2;
  --shadow-soft: 0 1rem 2.5rem rgb(152 66 38 / 14%); --radius-md: 1rem; --radius-lg: 1.5rem;
  --theme-gradient: linear-gradient(120deg, rgb(152 66 38 / 16%), rgb(83 116 90 / 13%));
}

body[data-theme="mint"] {
  --color-primary: #17685e; --color-primary-contrast: #ffffff; --color-secondary: #d58a66;
  --color-background: #f1faf7; --color-surface: #ffffff; --color-muted: #d6eee7;
  --color-text: #142a27; --color-text-muted: #4e6964; --color-border: #b9ddd4;
  --shadow-soft: 0 1rem 2.5rem rgb(23 104 94 / 13%); --radius-md: 1.2rem; --radius-lg: 1.8rem;
  --theme-gradient: linear-gradient(120deg, rgb(23 104 94 / 14%), rgb(213 138 102 / 15%));
}

body[data-theme="citrus"] {
  --color-primary: #8a4d00; --color-primary-contrast: #ffffff; --color-secondary: #30725c;
  --color-background: #fffaf0; --color-surface: #ffffff; --color-muted: #f8e7b9;
  --color-text: #302313; --color-text-muted: #6b5a42; --color-border: #e5ce91;
  --shadow-soft: 0 1rem 2.5rem rgb(138 77 0 / 14%); --radius-md: 1rem; --radius-lg: 1.5rem;
  --theme-gradient: linear-gradient(120deg, rgb(239 169 25 / 24%), rgb(48 114 92 / 13%));
}

body[data-theme="midnight"] {
  --color-primary: #f0c66b; --color-primary-contrast: #192235; --color-secondary: #82b8cf;
  --color-background: #111827; --color-surface: #1c2638; --color-muted: #27344a;
  --color-text: #f8fafc; --color-text-muted: #c6d0de; --color-border: #43516a;
  --shadow-soft: 0 1.25rem 3rem rgb(0 0 0 / 38%); --radius-md: .85rem; --radius-lg: 1.3rem;
  --theme-gradient: linear-gradient(120deg, rgb(240 198 107 / 15%), rgb(130 184 207 / 11%));
}

body[data-theme="urban"] {
  --color-primary: #075e62; --color-primary-contrast: #ffffff; --color-secondary: #dc6d3f;
  --color-background: #f3f6f6; --color-surface: #ffffff; --color-muted: #dce7e7;
  --color-text: #172728; --color-text-muted: #536667; --color-border: #c1d1d2;
  --shadow-soft: 0 1rem 2.5rem rgb(7 94 98 / 14%); --radius-md: .45rem; --radius-lg: .8rem;
  --theme-gradient: linear-gradient(120deg, rgb(7 94 98 / 14%), rgb(220 109 63 / 14%));
}

body[data-theme="rose"] {
  --color-primary: #8b3158; --color-primary-contrast: #ffffff; --color-secondary: #c78771;
  --color-background: #fff7f9; --color-surface: #ffffff; --color-muted: #f3e0e7;
  --color-text: #321d27; --color-text-muted: #6e5661; --color-border: #dfc4ce;
  --shadow-soft: 0 1rem 2.5rem rgb(139 49 88 / 14%); --radius-md: 1.2rem; --radius-lg: 1.8rem;
  --theme-gradient: linear-gradient(120deg, rgb(139 49 88 / 14%), rgb(199 135 113 / 16%));
}

body[data-theme="alpine"] {
  --color-primary: #28563a; --color-primary-contrast: #ffffff; --color-secondary: #a52f2f;
  --color-background: #f8f7f1; --color-surface: #ffffff; --color-muted: #e6eadc;
  --color-text: #202a22; --color-text-muted: #59635b; --color-border: #ccd4c4;
  --shadow-soft: 0 1rem 2.5rem rgb(40 86 58 / 14%); --radius-md: .7rem; --radius-lg: 1.1rem;
  --theme-gradient: linear-gradient(120deg, rgb(40 86 58 / 14%), rgb(165 47 47 / 12%));
}

body[data-theme="seaside"] {
  --color-primary: #145d78; --color-primary-contrast: #ffffff; --color-secondary: #d96955;
  --color-background: #f5fbfc; --color-surface: #ffffff; --color-muted: #dceff1;
  --color-text: #16303a; --color-text-muted: #526b74; --color-border: #bedde2;
  --shadow-soft: 0 1rem 2.5rem rgb(20 93 120 / 13%); --radius-md: 1.15rem; --radius-lg: 1.7rem;
  --theme-gradient: linear-gradient(120deg, rgb(20 93 120 / 14%), rgb(217 105 85 / 14%));
}

body[data-theme="plum"] {
  --color-primary: #62345f; --color-primary-contrast: #ffffff; --color-secondary: #b48358;
  --color-background: #faf6fa; --color-surface: #ffffff; --color-muted: #ebdfeb;
  --color-text: #291d29; --color-text-muted: #655565; --color-border: #d6c3d5;
  --shadow-soft: 0 1rem 2.5rem rgb(98 52 95 / 14%); --radius-md: .9rem; --radius-lg: 1.4rem;
  --theme-gradient: linear-gradient(120deg, rgb(98 52 95 / 15%), rgb(180 131 88 / 14%));
}

body[data-theme="sunflower"] {
  --color-primary: #5a4a00; --color-primary-contrast: #ffffff; --color-secondary: #d49a00;
  --color-background: #fffaf0; --color-surface: #ffffff; --color-muted: #f6e8b8;
  --color-text: #302911; --color-text-muted: #6b6247; --color-border: #e2cf8f;
  --shadow-soft: 0 1rem 2.5rem rgb(90 74 0 / 14%); --radius-md: 1rem; --radius-lg: 1.55rem;
  --theme-gradient: linear-gradient(120deg, rgb(212 154 0 / 23%), rgb(90 74 0 / 11%));
}

body[data-theme="slate"] {
  --color-primary: #9fd8e0; --color-primary-contrast: #122126; --color-secondary: #e4b66a;
  --color-background: #182126; --color-surface: #232f35; --color-muted: #2d3b42;
  --color-text: #f5f8f9; --color-text-muted: #c8d3d7; --color-border: #485960;
  --shadow-soft: 0 1.25rem 3rem rgb(0 0 0 / 38%); --radius-md: .6rem; --radius-lg: 1rem;
  --theme-gradient: linear-gradient(120deg, rgb(159 216 224 / 13%), rgb(228 182 106 / 10%));
}

body[data-theme="garden"] {
  --color-primary: #32633b; --color-primary-contrast: #ffffff; --color-secondary: #b8673c;
  --color-background: #f7faf3; --color-surface: #ffffff; --color-muted: #e2edd8;
  --color-text: #1c291d; --color-text-muted: #566657; --color-border: #c7d8bd;
  --shadow-soft: 0 1rem 2.5rem rgb(50 99 59 / 13%); --radius-md: 1.3rem; --radius-lg: 2rem;
  --theme-gradient: linear-gradient(120deg, rgb(50 99 59 / 14%), rgb(184 103 60 / 13%));
}

body[data-theme="modern"] .button,
body[data-theme="burger"] .button,
body[data-theme="cafe"] .button,
body[data-theme="bakery"] .button,
body[data-theme="mediterranean"] .button {
  letter-spacing: .01em;
}

body[data-theme="asia"] .card,
body[data-theme="asia"] .menu-item,
body[data-theme="elegant"] .card,
body[data-theme="elegant"] .menu-item {
  box-shadow: none;
}

body[data-theme="dark"] .site-footer,
body[data-theme="steakhouse"] .site-footer,
body[data-theme="midnight"] .site-footer,
body[data-theme="slate"] .site-footer {
  background: #090807;
}

body[data-theme="midnight"] .order-config-dialog select,
body[data-theme="slate"] .order-config-dialog select {
  color-scheme: dark;
}