/* public/assets/css/app-theme-vars.css */
/* Общие переменные темы для всех WebView-страниц приложения */

html.mhk-app-webview[data-mhk-theme="dark"] {
  --app-body-bg:
    radial-gradient(circle at top left, rgba(212,175,55,.14) 0%, rgba(212,175,55,0) 28%),
    radial-gradient(circle at top right, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 24%),
    linear-gradient(180deg, #151515 0%, #1c1c1c 48%, #222222 100%);

  --app-body-glow:
    linear-gradient(120deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 38%),
    radial-gradient(circle at 20% 10%, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 24%);

  --app-surface: linear-gradient(180deg, rgba(48,48,48,.96), rgba(33,33,33,.90));
  --app-surface-strong:
    linear-gradient(180deg, rgba(58,58,58,.96), rgba(41,41,41,.92)),
    radial-gradient(circle at top left, rgba(212,175,55,.18), rgba(212,175,55,0) 60%);

  --app-card: #303030;
  --app-card-soft: #414141;
  --app-media-bg: linear-gradient(180deg, #3a3a3a, #262626);

  --app-text: #ffffff;
  --app-title: #ffffff;
  --app-text-2: rgba(255,255,255,.78);
  --app-muted: rgba(255,255,255,.58);

  --app-line: rgba(255,255,255,.10);
  --app-line-strong: rgba(212,175,55,.26);

  --app-link: #8ebcff;
  --app-link-hover: #bfd8ff;

  --app-primary-bg: linear-gradient(135deg, #d4af37 0%, #b8932f 100%);
  --app-primary-text: #08121e;

  --app-secondary-bg: rgba(255,255,255,.06);
  --app-secondary-text: #f5f5f5;

  --app-chip-bg: rgba(255,255,255,.06);
  --app-chip-text: #ffffff;
  --app-chip-accent-bg: rgba(212,175,55,.16);
  --app-chip-accent-text: #f4d98b;

  --app-input-bg: #303030;
  --app-input-text: #ffffff;
  --app-input-border: rgba(255,255,255,.14);

  --app-danger-bg: rgba(239,68,68,.15);
  --app-danger-text: #fecaca;
  --app-danger-border: rgba(239,68,68,.35);

  --app-success-bg: rgba(34,197,94,.14);
  --app-success-text: #bbf7d0;
  --app-success-border: rgba(34,197,94,.35);

  --app-warning-bg: rgba(245,158,11,.15);
  --app-warning-text: #fde68a;
  --app-warning-border: rgba(245,158,11,.35);

  --app-shadow: 0 10px 26px rgba(0,0,0,.22);
}

html.mhk-app-webview[data-mhk-theme="gold"] {
  --app-body-bg:
    radial-gradient(circle at top left, rgba(246,231,176,.55) 0%, rgba(246,231,176,0) 28%),
    radial-gradient(circle at top right, rgba(199,154,59,.10) 0%, rgba(199,154,59,0) 24%),
    linear-gradient(180deg, #fffdf9 0%, #fbf7ef 48%, #f8f3ea 100%);

  --app-body-glow:
    linear-gradient(120deg, rgba(255,255,255,.34) 0%, rgba(255,255,255,0) 38%),
    radial-gradient(circle at 20% 10%, rgba(255,255,255,.45) 0%, rgba(255,255,255,0) 24%);

  --app-surface: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.88));
  --app-surface-strong:
    linear-gradient(180deg, rgba(255,250,240,.94), rgba(255,255,255,.72)),
    radial-gradient(circle at top left, rgba(246,231,176,.38), rgba(246,231,176,0) 60%);

  --app-card: #ffffff;
  --app-card-soft: #f8fafc;
  --app-media-bg: linear-gradient(180deg, #f8fafc, #eef2f7);

  --app-text: #1f2937;
  --app-title: #18212f;
  --app-text-2: #4b5563;
  --app-muted: #8b95a7;

  --app-line: rgba(184,134,11,.14);
  --app-line-strong: rgba(184,134,11,.24);

  --app-link: #0f3d78;
  --app-link-hover: #174ea6;

  --app-primary-bg: linear-gradient(135deg, #c69a3a 0%, #b78621 100%);
  --app-primary-text: #ffffff;

  --app-secondary-bg: rgba(255,255,255,.72);
  --app-secondary-text: #8a6720;

  --app-chip-bg: #f6f9ff;
  --app-chip-text: #0b57a4;
  --app-chip-accent-bg: linear-gradient(180deg,#fff8ed,#ffffff);
  --app-chip-accent-text: #9a6708;

  --app-input-bg: #ffffff;
  --app-input-text: #111827;
  --app-input-border: #e6eef7;

  --app-danger-bg: #fff1f2;
  --app-danger-text: #991b1b;
  --app-danger-border: #fecdd3;

  --app-success-bg: #ecfdf5;
  --app-success-text: #166534;
  --app-success-border: #bbf7d0;

  --app-warning-bg: #fffbeb;
  --app-warning-text: #92400e;
  --app-warning-border: #fde68a;

  --app-shadow: 0 8px 22px rgba(122,93,30,.10);
}

/* fallback, если тема ещё не проставилась */
html.mhk-app-webview {
  --app-body-bg: var(--page-body-bg, linear-gradient(180deg, #fffdf9 0%, #fbf7ef 48%, #f8f3ea 100%));
  --app-body-glow: var(--page-body-glow, none);

  --app-surface: var(--page-surface, linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.88)));
  --app-surface-strong: var(--page-surface-strong, var(--app-surface));

  --app-card: var(--card, #ffffff);
  --app-card-soft: var(--card-soft, #f8fafc);
  --app-media-bg: var(--page-media-bg, #f8fafc);

  --app-text: var(--text, #111827);
  --app-title: var(--page-title, #18212f);
  --app-text-2: var(--text-2, #4b5563);
  --app-muted: var(--muted, #64748b);

  --app-line: var(--line, #e6eef7);
  --app-line-strong: var(--line-strong, #dbe5f0);

  --app-link: var(--page-link, #0b57a4);
  --app-link-hover: var(--page-link-hover, #174ea6);

  --app-primary-bg: var(--page-primary-btn-bg, #0b57a4);
  --app-primary-text: var(--page-primary-btn-text, #ffffff);

  --app-secondary-bg: var(--page-secondary-btn-bg, #ffffff);
  --app-secondary-text: var(--page-secondary-btn-text, #0b57a4);

  --app-chip-bg: var(--page-chip-bg, #f6f9ff);
  --app-chip-text: var(--page-chip-text, #0b57a4);
  --app-chip-accent-bg: var(--page-chip-accent-bg, #fff8ed);
  --app-chip-accent-text: var(--page-chip-accent-text, #9a6708);

  --app-input-bg: #ffffff;
  --app-input-text: #111827;
  --app-input-border: #e6eef7;

  --app-danger-bg: #fff1f2;
  --app-danger-text: #991b1b;
  --app-danger-border: #fecdd3;

  --app-success-bg: #ecfdf5;
  --app-success-text: #166534;
  --app-success-border: #bbf7d0;

  --app-warning-bg: #fffbeb;
  --app-warning-text: #92400e;
  --app-warning-border: #fde68a;

  --app-shadow: 0 1px 2px rgba(0,0,0,.04);
}

/* совместимость с главной */
html.mhk-app-webview {
  --page-body-bg: var(--app-body-bg);
  --page-body-glow: var(--app-body-glow);
  --page-surface: var(--app-surface);
  --page-surface-strong: var(--app-surface-strong);
  --page-title: var(--app-title);
  --page-subtitle: var(--app-link);
  --page-link: var(--app-link);
  --page-link-hover: var(--app-link-hover);
  --page-primary-btn-bg: var(--app-primary-bg);
  --page-primary-btn-text: var(--app-primary-text);
  --page-secondary-btn-bg: var(--app-secondary-bg);
  --page-secondary-btn-text: var(--app-secondary-text);
  --page-media-bg: var(--app-media-bg);
  --page-chip-bg: var(--app-chip-bg);
  --page-chip-text: var(--app-chip-text);
  --page-chip-accent-bg: var(--app-chip-accent-bg);
  --page-chip-accent-text: var(--app-chip-accent-text);

  --text: var(--app-text);
  --text-2: var(--app-text-2);
  --muted: var(--app-muted);
  --line: var(--app-line);
  --line-strong: var(--app-line-strong);
}

html.mhk-app-webview,
html.mhk-app-webview body {
  background: var(--app-body-bg) !important;
  color: var(--app-text) !important;
}

html.mhk-app-webview body::before {
  background: var(--app-body-glow) !important;
}

html.mhk-app-webview .mhk-app-menu-btn {
  background: var(--app-card) !important;
  color: var(--app-text) !important;
  border: 1px solid var(--app-line) !important;
  box-shadow: var(--app-shadow) !important;
}