/* FiguMatch visual themes v3.
   To add another theme later:
   1. Add a new key to window.FiguMatchThemes in _Layout.cshtml.
   2. Add a matching html.theme-<key> block here.
   3. Add a lightweight SVG/background asset under /wwwroot/images/themes/. */

html.theme-stadium-elite,
body.theme-stadium-elite {
  --fm-bg-base: #06111f;
  --fm-bg-image: url("/images/themes/stadium-elite.svg");
  --fm-bg-overlay:
    radial-gradient(circle at 18% 2%, rgba(255, 255, 255, 0.28), transparent 16rem),
    radial-gradient(circle at 78% 4%, rgba(38, 208, 255, 0.24), transparent 18rem),
    linear-gradient(180deg, rgba(5, 13, 28, 0.7), rgba(2, 8, 18, 0.92));
  --fm-header-bg: linear-gradient(135deg, rgba(2, 10, 24, 0.9), rgba(6, 38, 37, 0.84));
  --fm-header-border: rgba(125, 211, 252, 0.26);
  --fm-card-bg: rgba(8, 18, 36, 0.78);
  --fm-card-strong: rgba(12, 25, 48, 0.92);
  --fm-card-border: rgba(148, 214, 255, 0.22);
  --fm-text: #f4fbff;
  --fm-muted: #b8c8d8;
  --fm-heading: #ffffff;
  --fm-primary: #20d6ff;
  --fm-primary-2: #0f766e;
  --fm-accent: #f7c948;
  --fm-danger: #ff4d6d;
  --fm-success: #34d399;
  --fm-button-text: #04111d;
  --fm-button-bg: linear-gradient(135deg, #8df3ff, #20d6ff 55%, #f7c948);
  --fm-button-shadow: 0 16px 34px rgba(32, 214, 255, 0.24);
  --fm-secondary-button-bg: rgba(255, 255, 255, 0.1);
  --fm-secondary-button-text: #f8fbff;
  --fm-radius-xl: 2rem;
  --fm-shadow-card: 0 24px 60px rgba(0, 0, 0, 0.42);
  --fm-shadow-soft: 0 16px 36px rgba(0, 0, 0, 0.24);
  --fm-field-lines: rgba(125, 211, 252, 0.16);
  --fm-theme-chip: #20d6ff;
}

html.theme-world-pitch,
body.theme-world-pitch {
  --fm-bg-base: #0f5f2f;
  --fm-bg-image: url("/images/themes/world-pitch.svg");
  --fm-bg-overlay:
    radial-gradient(circle at 12% 12%, rgba(255, 240, 138, 0.2), transparent 15rem),
    radial-gradient(circle at 85% 8%, rgba(255, 255, 255, 0.2), transparent 14rem),
    linear-gradient(180deg, rgba(11, 92, 45, 0.66), rgba(5, 57, 28, 0.88));
  --fm-header-bg: linear-gradient(135deg, rgba(5, 47, 24, 0.92), rgba(12, 90, 43, 0.86));
  --fm-header-border: rgba(252, 211, 77, 0.28);
  --fm-card-bg: rgba(247, 255, 244, 0.88);
  --fm-card-strong: rgba(255, 255, 255, 0.96);
  --fm-card-border: rgba(16, 125, 60, 0.22);
  --fm-text: #10251a;
  --fm-muted: #4c6354;
  --fm-heading: #071b10;
  --fm-primary: #16a34a;
  --fm-primary-2: #065f46;
  --fm-accent: #facc15;
  --fm-danger: #dc2626;
  --fm-success: #15803d;
  --fm-button-text: #ffffff;
  --fm-button-bg: linear-gradient(135deg, #16a34a, #0f8a3a 58%, #facc15);
  --fm-button-shadow: 0 16px 30px rgba(21, 128, 61, 0.26);
  --fm-secondary-button-bg: rgba(255, 255, 255, 0.86);
  --fm-secondary-button-text: #0f3f20;
  --fm-radius-xl: 1.55rem;
  --fm-shadow-card: 0 22px 42px rgba(7, 55, 24, 0.22);
  --fm-shadow-soft: 0 14px 26px rgba(7, 55, 24, 0.12);
  --fm-field-lines: rgba(255, 255, 255, 0.32);
  --fm-theme-chip: #facc15;
}

html.theme-sticker-album,
body.theme-sticker-album {
  --fm-bg-base: #fff3d7;
  --fm-bg-image: url("/images/themes/sticker-album.svg");
  --fm-bg-overlay:
    radial-gradient(circle at 10% 12%, rgba(37, 99, 235, 0.16), transparent 15rem),
    radial-gradient(circle at 88% 6%, rgba(239, 68, 68, 0.15), transparent 14rem),
    linear-gradient(180deg, rgba(255, 248, 226, 0.74), rgba(248, 232, 190, 0.88));
  --fm-header-bg: linear-gradient(135deg, rgba(11, 45, 91, 0.94), rgba(21, 128, 61, 0.88));
  --fm-header-border: rgba(255, 221, 87, 0.36);
  --fm-card-bg: rgba(255, 252, 242, 0.94);
  --fm-card-strong: #ffffff;
  --fm-card-border: rgba(134, 94, 35, 0.2);
  --fm-text: #2d2518;
  --fm-muted: #735f44;
  --fm-heading: #21180f;
  --fm-primary: #2563eb;
  --fm-primary-2: #16a34a;
  --fm-accent: #ef4444;
  --fm-danger: #dc2626;
  --fm-success: #15803d;
  --fm-button-text: #ffffff;
  --fm-button-bg: linear-gradient(135deg, #2563eb, #ef4444 54%, #facc15);
  --fm-button-shadow: 0 16px 32px rgba(37, 99, 235, 0.18);
  --fm-secondary-button-bg: rgba(255, 255, 255, 0.92);
  --fm-secondary-button-text: #1f3b72;
  --fm-radius-xl: 1.1rem;
  --fm-shadow-card: 0 20px 36px rgba(122, 84, 34, 0.17);
  --fm-shadow-soft: 0 12px 22px rgba(122, 84, 34, 0.12);
  --fm-field-lines: rgba(37, 99, 235, 0.13);
  --fm-theme-chip: #ef4444;
}

html.theme-world-festival,
body.theme-world-festival {
  --fm-bg-base: #f8fafc;
  --fm-bg-image: url("/images/themes/world-festival.svg");
  --fm-bg-overlay:
    radial-gradient(circle at 18% 6%, rgba(34, 197, 94, 0.2), transparent 14rem),
    radial-gradient(circle at 82% 10%, rgba(59, 130, 246, 0.2), transparent 16rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.8), rgba(255, 237, 213, 0.78));
  --fm-header-bg: linear-gradient(135deg, rgba(15, 23, 42, 0.92), rgba(220, 38, 38, 0.86));
  --fm-header-border: rgba(255, 255, 255, 0.3);
  --fm-card-bg: rgba(255, 255, 255, 0.9);
  --fm-card-strong: rgba(255, 255, 255, 0.98);
  --fm-card-border: rgba(15, 23, 42, 0.1);
  --fm-text: #1f2937;
  --fm-muted: #5b6472;
  --fm-heading: #101827;
  --fm-primary: #ef4444;
  --fm-primary-2: #2563eb;
  --fm-accent: #22c55e;
  --fm-danger: #b91c1c;
  --fm-success: #16a34a;
  --fm-button-text: #ffffff;
  --fm-button-bg: linear-gradient(135deg, #ef4444, #2563eb 52%, #22c55e);
  --fm-button-shadow: 0 16px 34px rgba(239, 68, 68, 0.22);
  --fm-secondary-button-bg: rgba(255, 255, 255, 0.92);
  --fm-secondary-button-text: #172554;
  --fm-radius-xl: 1.65rem;
  --fm-shadow-card: 0 20px 40px rgba(15, 23, 42, 0.13);
  --fm-shadow-soft: 0 12px 24px rgba(15, 23, 42, 0.08);
  --fm-field-lines: rgba(37, 99, 235, 0.12);
  --fm-theme-chip: #22c55e;
}

html.theme-legendary-cup,
body.theme-legendary-cup {
  --fm-bg-base: #080704;
  --fm-bg-image: url("/images/themes/legendary-cup.svg");
  --fm-bg-overlay:
    radial-gradient(circle at 72% 2%, rgba(250, 204, 21, 0.28), transparent 17rem),
    radial-gradient(circle at 16% 12%, rgba(21, 128, 61, 0.18), transparent 16rem),
    linear-gradient(180deg, rgba(8, 7, 4, 0.7), rgba(3, 3, 2, 0.94));
  --fm-header-bg: linear-gradient(135deg, rgba(8, 7, 4, 0.94), rgba(22, 74, 49, 0.84));
  --fm-header-border: rgba(250, 204, 21, 0.34);
  --fm-card-bg: rgba(20, 17, 10, 0.82);
  --fm-card-strong: rgba(33, 27, 12, 0.94);
  --fm-card-border: rgba(250, 204, 21, 0.26);
  --fm-text: #fff8df;
  --fm-muted: #d9cfa8;
  --fm-heading: #fffdf2;
  --fm-primary: #facc15;
  --fm-primary-2: #15803d;
  --fm-accent: #ffffff;
  --fm-danger: #fb7185;
  --fm-success: #34d399;
  --fm-button-text: #171003;
  --fm-button-bg: linear-gradient(135deg, #fff4a3, #facc15 48%, #b7791f);
  --fm-button-shadow: 0 16px 34px rgba(250, 204, 21, 0.24);
  --fm-secondary-button-bg: rgba(255, 255, 255, 0.1);
  --fm-secondary-button-text: #fff8df;
  --fm-radius-xl: 1.75rem;
  --fm-shadow-card: 0 28px 70px rgba(0, 0, 0, 0.48);
  --fm-shadow-soft: 0 16px 32px rgba(0, 0, 0, 0.3);
  --fm-field-lines: rgba(250, 204, 21, 0.16);
  --fm-theme-chip: #facc15;
}