/* =====================================================================
   theme-gridora.css — ТЕМА «Gridora · Nightfall». Только переменные + шрифт.
   Структура и имена переменных — как upstream/css/theme-softclay.css.
   Значения — GDD 06 (art direction: цвета, материалы, типографика) по решению
   пользователя D1; анатомия (подошва, pressed-погружение, радиусы-капсулы) —
   артефакт «Default — Hyper-casual UI Kit». Источник каждого значения — README темы.
   ===================================================================== */
@font-face { font-family: 'Fredoka'; font-style: normal; font-weight: 500; font-display: block;
  src: url("../assets/gridora/fonts/fredoka-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: 'Fredoka'; font-style: normal; font-weight: 600; font-display: block;
  src: url("../assets/gridora/fonts/fredoka-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: 'Fredoka'; font-style: normal; font-weight: 700; font-display: block;
  src: url("../assets/gridora/fonts/fredoka-latin-700-normal.woff2") format("woff2"); }

:root {
  --hit: max(44px, 2.75rem);      /* A9 (TZ check 14.10, M-402): the kit's "44 px tap zone" in rem was 41 px at 360 wide (fluid root) */
  /* --- Ассеты темы. url() в custom property резолвится от base.css (upstream/css/), поэтому путь идёт через ../../themes/ --- */
  --assets: url("../../themes/gridora/assets/gridora/");
  --asset-coin:   url("../../themes/gridora/assets/gridora/coin.svg");
  --asset-gem:    url("../../themes/gridora/assets/gridora/gem.svg");
  --asset-avatar: url("../../themes/gridora/assets/gridora/avatar.svg");
  --asset-chest:  url("../../themes/gridora/assets/gridora/chest.svg");
  --asset-gift:   url("../../themes/gridora/assets/gridora/gift.svg");
  --bg-image:     url("../../themes/gridora/assets/gridora/bg.svg");            /* ART-08 Deep Cove + washes */

  /* --- Типографика (ART-37..43: Fredoka, 500/600/700, одна гарнитура) --- */
  --font-display: 'Fredoka', 'Baloo 2', 'Nunito', 'Varela Round', 'Trebuchet MS', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-body:    'Fredoka', 'Baloo 2', 'Nunito', 'Varela Round', 'Trebuchet MS', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fw-display: 700; --fw-body: 500;
  --btn-case: none; --btn-tracking: 0.01em; --btn-press: 4px;    /* ART-46/47: нижняя грань 4px, pressed = погружение */
  --btn-ghost-underline: none;

  /* --- Палитра (ART-08, §3.9 HUD surfaces) --- */
  --c-bg: #0C1330;                /* Cove */
  --c-panel: #212B5E;             /* --surface-panel; D60 U14: one step lighter than #1B2450 (1.23 -> 1.37:1 to the Cove) */
  --c-text: #EEF2FF;              /* --text-primary 11.95:1 on panel */
  --c-muted: #B2BCE6;             /* --text-muted 7.14:1 on panel (D60 U3: one step lighter than #9AA6D4) */
  --c-line: #4A5996;              /* --rim-strong (D60 U14: was #3A4880) */
  --c-focus: #4C8DFF;             /* tier blue — видимое кольцо фокуса */

  /* D41: the base skin's seven tile hues (assets/skins/nightfall.json, same order) for DOM pictures - the chapter mosaic */
  --gr-hue-1: #FFD829; --gr-hue-2: #22E2F0; --gr-hue-3: #FF93CE; --gr-hue-4: #5FB825; --gr-hue-5: #4597FF; --gr-hue-6: #ED2C5E; --gr-hue-7: #8150EC;
  /* D60 U2: the digit ink on each hue (20 px bold = large text, >= 3:1): dark on the five light hues (6.2-13.1:1), white on
     ember (4.1:1) and violet (4.9:1) */
  --gr-ink-1: #0C1330; --gr-ink-2: #0C1330; --gr-ink-3: #0C1330; --gr-ink-4: #0C1330; --gr-ink-5: #0C1330; --gr-ink-6: #FFFFFF; --gr-ink-7: #FFFFFF;
  --c-primary: #1FA86A;  --c-primary-dk: #0B6B3E; --c-primary-soft: #16403F; --c-primary-text: #5BD69A;
  --c-reward:  #FFC23D;  --c-reward-dk:  #B7801A; --c-reward-soft: #3A3524;  --c-reward-text: #2A1C00;
  --c-accent:  #4C8DFF;  --c-accent-dk:  #2A5BC2; --c-accent-soft: #22336A;  --c-accent-text: #8DB5FF;
  --c-danger:  #D8455F;  --c-danger-dk:  #96223C; --c-danger-soft: #3D1F3A;  --c-danger-text: #FF8C9C;
  --c-info:    #2ED3C6;  --c-info-dk:    #16978D; --c-info-soft: #153F4A;    --c-info-text: #5FE3D8;
  --c-locked-bg: #161E40; --c-locked-dk: #10173A; --c-locked-overlay: rgba(12,19,48,.55);

  /* --- Радиусы (GDD: попап 28, primary 22, secondary 20; база rem = 16px @390) --- */
  --r-s: 0.5rem; --r-m: 0.875rem; --r-l: 1.25rem; --r-xl: 1.375rem; --r-xxl: 1.75rem;

  /* --- Тени: подошва + тёмная мягкая тень (Soft Clay анатомия на тёмном поле) --- */
  --sh-s: 0 0.5rem 1.25rem rgba(3,6,20,.45);
  --sh-inset-s: inset 0 -3px 0 #151D3F;
  --sh-inset-top: inset 0 3px 0 #0E1531;
  --panel-shadow: 0 1.125rem 3rem rgba(3,6,20,.60), inset 0 1px 0 rgba(255,255,255,.09), inset 0 0 0 1px #4A5996;
  --pill-bg: rgba(255,255,255,.08); --pill-shadow: inset 0 0 0 1px rgba(255,255,255,.10);

  /* Кнопки (ART §3.9 Buttons) */
  --btn-primary-bg: linear-gradient(180deg, #1FA86A, #12915A); --btn-primary-fg: #FFFFFF;
  --btn-primary-shadow: inset 0 -4px 0 #0B6B3E, 0 0.5rem 1.25rem rgba(3,6,20,.45);
  --btn-primary-shadow-pressed: inset 0 -1px 0 #0B6B3E;

  --btn-reward-bg: #FFC23D; --btn-reward-fg: #2A1C00;
  --btn-reward-shadow: inset 0 -4px 0 #B7801A, 0 0.5rem 1.25rem rgba(3,6,20,.45);
  --btn-reward-shadow-pressed: inset 0 -1px 0 #B7801A;

  --btn-accent-bg: linear-gradient(180deg, #4C8DFF, #3A76E6); --btn-accent-fg: #FFFFFF;
  --btn-accent-shadow: inset 0 -4px 0 #2A5BC2, 0 0.5rem 1.25rem rgba(3,6,20,.45);
  --btn-accent-shadow-pressed: inset 0 -1px 0 #2A5BC2;
  --btn-accent-shadow-inbar: inset 0 -4px 0 #2A5BC2;

  --btn-danger-bg: linear-gradient(180deg, #C93652, #B52A47); --btn-danger-fg: #FFFFFF; /* D60: white 5.1:1 at the top (was #E4566A, 3.6:1 - "Play again" 16 px) */
  --btn-danger-shadow: inset 0 -4px 0 #96223C, 0 0.5rem 1.25rem rgba(3,6,20,.45);
  --btn-danger-shadow-pressed: inset 0 -1px 0 #96223C;

  --btn-info-bg: #2ED3C6; --btn-info-fg: #04201E;
  --btn-info-shadow: inset 0 -4px 0 #16978D, 0 0.5rem 1.25rem rgba(3,6,20,.45);
  --btn-info-shadow-pressed: inset 0 -1px 0 #16978D;

  --btn-secondary-bg: #232E5C; --btn-secondary-fg: #D7DEFF;
  --btn-secondary-shadow: inset 0 -4px 0 #151D3F, 0 0.5rem 1.25rem rgba(3,6,20,.35);
  --btn-secondary-shadow-pressed: inset 0 -1px 0 #151D3F;

  --btn-disabled-bg: #232E5C; --btn-disabled-fg: #6D78A8; --btn-disabled-shadow: inset 0 -4px 0 #151D3F;
  --btn-locked-overlay: rgba(12,19,48,.6);

  --btn-iap-bg: var(--btn-accent-bg);  --btn-iap-fg: #fff; --btn-iap-shadow: var(--btn-accent-shadow);   --btn-iap-shadow-pressed: var(--btn-accent-shadow-pressed);
  --btn-free-bg: var(--btn-primary-bg); --btn-free-fg: #fff; --btn-free-shadow: var(--btn-primary-shadow); --btn-free-shadow-pressed: var(--btn-primary-shadow-pressed);

  --badge-bg: #FFC23D; --badge-fg: #2A1C00;

  --bar-bg: #212B5E; --bar-shadow: 0 -0.5rem 1.5rem rgba(3,6,20,.4);
  --tab-active-bg: #232E5C; --tab-active-fg: var(--c-accent-text);

  --progress-track: #131A36; --progress-track-shadow: inset 0 2px 0 rgba(0,0,0,.45), inset 0 -1px 0 rgba(255,255,255,.05);
  --progress-fill: #1FA86A; --progress-fill-shadow: inset 0 -3px 0 #0B6B3E;
  --progress-fill-reward: #FFC23D; --progress-fill-accent: #4C8DFF; --progress-fill-danger: #D8455F;

  --tile-bg: #232E5C; --tile-shadow: 0 0.5rem 1.25rem rgba(3,6,20,.35), inset 0 -4px 0 #151D3F;
  --tile-shadow-active: 0 0 0 3px #4C8DFF, 0 0.75rem 1.6rem rgba(76,141,255,.35), inset 0 -4px 0 #151D3F;
  --tile-shadow-done: inset 0 0 0 2px #1FA86A, inset 0 -4px 0 #0B6B3E;
  --tile-shadow-locked: inset 0 -4px 0 #10173A;
  --tile-gold-bg: linear-gradient(160deg, #FFD98A, #FFC23D); --tile-gold-shadow: 0 0.5rem 1.25rem rgba(3,6,20,.35), inset 0 -4px 0 #B7801A;
  --tile-scrim: none;

  /* Модалки: ART-49 без blur, dim 0.64; ART-50 без лент/лучей — лента = простой заголовок */
  --modal-scrim: rgba(5,8,22,.64); --modal-blur: none;
  --modal-shadow: 0 1.125rem 3rem rgba(3,6,20,.60), inset 0 1px 0 rgba(255,255,255,.09), inset 0 0 0 1px #4A5996;
  /* D44 (05.10, owner "plashka vezde"): every popup title (ribbon) sits on a backing in the scrim colour - the panel
     edge never runs through the title, whatever the popup is over (was D15: only popups over the HUD). */
  --ribbon-bg: var(--modal-scrim); --ribbon-fg: #FFFFFF;
  /* D60 U14 (08.10): the title backing gets a thin light rim - it read as a hole in the dim, not as a title */
  --ribbon-shadow: inset 0 0 0 1px rgba(255,255,255,.22);
  --sheet-head-bg: #283468;       /* D60 U14: was #232E5C */
  --full-bg: linear-gradient(180deg, #101A3E 0%, #0C1330 55%, #070B1C 100%);
  --rays: none;

  --input-bg: #131A36; --input-shadow: inset 0 2px 0 rgba(0,0,0,.45);
  --social-bg: #232E5C; --social-fg: #D7DEFF;
}