﻿/**
 * Master shell light/dark + shared tokens
 * Loaded after page CSS; remaps every YON page shell for light mode.
 */
html[data-theme="light"] {
  --yon-shell-bg: #eef1f6;
  --yon-shell-card: #ffffff;
  --yon-shell-raised: #f8fafc;
  --yon-shell-text: #0f172a;
  --yon-shell-muted: #64748b;
  --yon-shell-border: rgba(15, 23, 42, 0.1);
}

/* Community */
html[data-theme="light"] .cm-shell {
  --cm-bg: #eef1f6; --cm-card: #fff; --cm-raised: #f8fafc;
  --cm-text: #0f172a; --cm-muted: #64748b; --cm-border: rgba(15,23,42,.1);
  --background: #eef1f6; --card: #fff; --border: rgba(15,23,42,.1);
  --foreground: #0f172a; --muted: #f1f5f9; --muted-foreground: #64748b;
  background: #eef1f6; color: #0f172a;
}

/* Stores */
html[data-theme="light"] .yst-shell {
  --yst-bg: #eef1f6; --yst-card: #fff; --yst-raised: #f8fafc;
  --yst-text: #0f172a; --yst-muted: #64748b; --yst-border: rgba(15,23,42,.1);
  --background: #eef1f6; --card: #fff; --foreground: #0f172a;
  background: #eef1f6; color: #0f172a;
}

/* Marketplace */
html[data-theme="light"] .mp-shell {
  --mp-bg: #eef1f6; --mp-surface: #fff; --mp-surface-2: #f8fafc;
  --mp-border: rgba(15,23,42,.1); --mp-text: #0f172a; --mp-muted: #64748b;
  --background: #eef1f6; --card: #fff; --foreground: #0f172a;
  background: #eef1f6; color: #0f172a;
}

/* Giveaways */
html[data-theme="light"] .gw-shell {
  --background: #eef1f6; --card: #fff; --muted: #f1f5f9;
  --foreground: #0f172a; --muted-foreground: #64748b;
  --border: rgba(15,23,42,.1);
  background: #eef1f6; color: #0f172a;
}

/* Game money */
html[data-theme="light"] .gm-shell {
  --gm-bg: #eef1f6; --gm-card: #fff; --gm-raised: #f8fafc;
  --gm-text: #0f172a; --gm-muted: #64748b; --gm-border: rgba(15,23,42,.1);
  --background: #eef1f6; --card: #fff; --foreground: #0f172a;
  background: #eef1f6; color: #0f172a;
}

/* Category / product */
html[data-theme="light"] .cat-shell {
  --cat-bg: #eef1f6; --cat-card: #fff; --cat-raised: #f8fafc;
  --cat-text: #0f172a; --cat-muted: #64748b; --cat-border: rgba(15,23,42,.1);
  --background: #eef1f6; --card: #fff; --foreground: #0f172a;
  background:
    radial-gradient(ellipse 50% 35% at 10% 0%, rgba(61,90,254,.08), transparent 55%),
    #eef1f6;
  color: #0f172a;
}
html[data-theme="light"] .pd-shell {
  --pd-bg: #eef1f6; --pd-card: #fff; --pd-raised: #f8fafc;
  --pd-text: #0f172a; --pd-muted: #64748b; --pd-border: rgba(15,23,42,.1);
  --background: #eef1f6; --card: #fff; --foreground: #0f172a;
  background:
    radial-gradient(ellipse 55% 40% at 8% -5%, rgba(61,90,254,.1), transparent 55%),
    radial-gradient(ellipse 45% 35% at 92% 8%, rgba(17,211,119,.08), transparent 50%),
    #eef1f6;
  color: #0f172a;
}

/* Listing create */
html[data-theme="light"] .mp-create-shell {
  --mc-bg: #eef1f6; --mc-card: #fff; --mc-raised: #f8fafc;
  --mc-text: #0f172a; --mc-muted: #64748b; --mc-border: rgba(15,23,42,.1);
  --background: #eef1f6; --card: #fff; --foreground: #0f172a;
  --yon-bg: #eef1f6; --yon-surface: #fff; --yon-surface-2: #f8fafc;
  --yon-text: #0f172a; --yon-muted: #64748b; --yon-border: rgba(15,23,42,.1);
  color: #0f172a;
}

/* Gift wallet */
html[data-theme="light"] .ygw-shell {
  --ygw-bg: #eef1f6; --ygw-surface: #fff; --ygw-raised: #f8fafc;
  --ygw-border: rgba(15,23,42,.1); --ygw-text: #0f172a; --ygw-muted: #64748b;
  --background: #eef1f6; --card: #fff; --foreground: #0f172a;
  background: #eef1f6; color: #0f172a;
}

/* Corporate */
html[data-theme="light"] .yca-shell {
  --yca-bg: #eef1f6; --yca-surface: #fff; --yca-raised: #f8fafc;
  --yca-border: rgba(15,23,42,.1); --yca-text: #0f172a; --yca-muted: #64748b;
  background:
    radial-gradient(ellipse 60% 42% at 8% 0%, rgba(17,211,119,.1), transparent 55%),
    radial-gradient(ellipse 48% 36% at 92% 8%, rgba(61,90,254,.08), transparent 50%),
    #eef1f6;
  color: #0f172a;
}

/* Seller subscription */
html[data-theme="light"] .yss-shell {
  --yss-bg: #eef1f6; --yss-card: #fff; --yss-raised: #f8fafc;
  --yss-text: #0f172a; --yss-muted: #64748b; --yss-border: rgba(15,23,42,.1);
  background:
    radial-gradient(ellipse 70% 40% at 10% -10%, rgba(17,211,119,.08), transparent 55%),
    radial-gradient(ellipse 50% 35% at 90% 0%, rgba(61,90,254,.08), transparent 50%),
    #eef1f6;
  color: #0f172a;
}
html[data-theme="light"] .yss-usage__plan { color: #15803d; }
html[data-theme="light"] .yss-alert--ok { color: #166534; }

/* Support center */
html[data-theme="light"] .ysc {
  --ysc-bg: #eef1f6; --ysc-panel: #fff;
  --ysc-border: rgba(15,23,42,.1); --ysc-muted: #64748b;
  background:
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(124,58,237,.1), transparent),
    #eef1f6;
  color: #0f172a;
}
html[data-theme="light"] .ysc-panel,
html[data-theme="light"] .ysc-card,
html[data-theme="light"] .ysc-promo {
  background: #fff !important;
  border-color: rgba(15,23,42,.1) !important;
  color: #0f172a;
}

/* Giveaway create */
html[data-theme="light"] .yon-gc h1,
html[data-theme="light"] .yon-gc__card header { color: #0f172a; }
html[data-theme="light"] .yon-gc__sub,
html[data-theme="light"] .yon-gc label { color: #64748b; }
html[data-theme="light"] .yon-gc__tabs a {
  background: #fff; border-color: rgba(15,23,42,.1); color: #64748b;
}
html[data-theme="light"] .yon-gc__tabs a.is-active { color: #fff; background: var(--h-blue-dark); }
html[data-theme="light"] .yon-gc__card {
  background: #fff; border-color: rgba(15,23,42,.1);
}
html[data-theme="light"] .yon-gc input[type=text],
html[data-theme="light"] .yon-gc input[type=number],
html[data-theme="light"] .yon-gc input[type=datetime-local],
html[data-theme="light"] .yon-gc input[type=file],
html[data-theme="light"] .yon-gc textarea {
  background: #f8fafc !important; color: #0f172a !important;
  border-color: rgba(15,23,42,.12) !important;
}
html[data-theme="light"] .yon-gc__crumb a:hover { color: #0f172a; }

/* Wallet hub */
html[data-theme="light"] .yon-wh__item {
  background: #fff; border-color: rgba(15,23,42,.1); color: #0f172a;
}
html[data-theme="light"] .yon-wh__body strong { color: #0f172a; }
html[data-theme="light"] .yon-wh__icon {
  background: #f1f5f9; border-color: rgba(15,23,42,.1); color: #334155;
}
html[data-theme="light"] .yon-wh__cash {
  background: #f8fafc; border-color: rgba(15,23,42,.12);
}
html[data-theme="light"] .yon-wh__cash h2 { color: #0f172a; }
html[data-theme="light"] .yon-wh__btn--ghost {
  border-color: rgba(15,23,42,.14); color: #0f172a;
}

/* Orders */
html[data-theme="light"] .yon-orders-card {
  background: #fff; border-color: rgba(15,23,42,.1); color: #0f172a;
}
html[data-theme="light"] .yon-orders-card__no strong,
html[data-theme="light"] .yon-orders-card__title { color: #0f172a; }
html[data-theme="light"] .yon-orders-card__thumb { background: #f1f5f9; }

/* Cart modal */
html[data-theme="light"] .yon-cart-modal__panel {
  background: #fff !important; color: #0f172a !important;
  border-color: rgba(15,23,42,.12) !important;
}

/* PvP */
html[data-theme="light"] .yon-pvp {
  --yon-pvp-card: #fff;
  --yon-pvp-border: rgba(15,23,42,.1);
  background: #eef1f6; color: #0f172a;
}
html[data-theme="light"] .yon-pvp__card,
html[data-theme="light"] .yon-pvp__panel {
  background: #fff !important; border-color: rgba(15,23,42,.1) !important;
}

/* Listing manager / support legacy */
html[data-theme="light"] .ylm-card,
html[data-theme="light"] .yon-lm__card,
html[data-theme="light"] .yon-support-card {
  background: #fff !important; border-color: rgba(15,23,42,.1) !important; color: #0f172a;
}

/* Profile addons */
html[data-theme="light"] .ypa-shell,
html[data-theme="light"] .ypa-page {
  background: #eef1f6; color: #0f172a;
}
html[data-theme="light"] .ypa-card {
  background: #fff !important; border-color: rgba(15,23,42,.1) !important;
}

/* Accent text that washes out on light */
html[data-theme="light"] .cm-shell .text-emerald-300,
html[data-theme="light"] .yst-shell .text-emerald-300,
html[data-theme="light"] .gm-shell .text-emerald-300 {
  color: #15803d !important;
}
html[data-theme="light"] .cm-shell .text-purple-300,
html[data-theme="light"] .yst-shell .text-purple-300 {
  color: #6b21a8 !important;
}

/* Forms inside shells */
html[data-theme="light"] .cm-shell input,
html[data-theme="light"] .cm-shell textarea,
html[data-theme="light"] .cm-shell select,
html[data-theme="light"] .yst-shell input,
html[data-theme="light"] .yst-shell textarea,
html[data-theme="light"] .yst-shell select,
html[data-theme="light"] .gm-shell input,
html[data-theme="light"] .gm-shell textarea,
html[data-theme="light"] .gm-shell select,
html[data-theme="light"] .yss-shell input,
html[data-theme="light"] .yss-shell select,
html[data-theme="light"] .yca-shell input,
html[data-theme="light"] .yca-shell textarea,
html[data-theme="light"] .yca-shell select,
html[data-theme="light"] .ysc input,
html[data-theme="light"] .ysc textarea,
html[data-theme="light"] .ysc select,
html[data-theme="light"] .mp-create-shell input,
html[data-theme="light"] .mp-create-shell textarea,
html[data-theme="light"] .mp-create-shell select,
html[data-theme="light"] .cat-shell input,
html[data-theme="light"] .pd-shell input {
  background: #f8fafc !important;
  color: #0f172a !important;
  border-color: rgba(15,23,42,.12) !important;
}
