/* CORTEX — общие токены темы (app, landing, presentation, roadmap) */
:root {
  --ui-gray-soft:   rgba(255, 255, 255, 0.05);
  --ui-gray-mid:    rgba(255, 255, 255, 0.10);
  --ui-gray-strong: rgba(255, 255, 255, 0.16);

  --bg-base:       #050504;
 
  --bg-panel-alt:  #181716;
  --bg-hover:      #1f1e1c;
  --bg-active:     #282624;

  --border:        var(--ui-gray-mid);
  --border-light:  var(--ui-gray-strong);

  --text-primary:  rgba(250, 248, 244, 0.92);
  --text-secondary:rgba(224, 220, 212, 0.72);
  --text-muted:    rgba(190, 185, 176, 0.50);

  --accent:        #d4d1cc;
  --accent-glow:   rgba(212, 209, 204, 0.26);

  --cat-biography:         #5b8dee;
  --cat-relationships:     #e05b7a;
  --cat-career_money:      #3ecf8e;
  --cat-body_health:       #f0a05a;
  --cat-inner_world:       #b07fe8;
  --cat-current_situation: #5bcfe0;
  --cat-question:          #6b7794;

  --topbar-h:      52px;
  /* Шапка колонки «Чат» (ниже глобального topbar) */
  --chat-header-h: 40px;
  /* Свечение глифа/SVG на ховере у икон-кнопок */
  --ui-icon-glow: drop-shadow(0 0 4px color-mix(in srgb, var(--accent) 55%, transparent))
    drop-shadow(0 0 12px color-mix(in srgb, var(--accent) 30%, transparent));
  --ui-icon-glow-strong: drop-shadow(0 0 3px color-mix(in srgb, var(--accent) 70%, transparent))
    drop-shadow(0 0 16px color-mix(in srgb, var(--accent) 38%, transparent));
  --icon-rail-w:   52px;
  --left-w:        260px;
  --right-w:       340px;
  --panel-r:       8px;
  --bottom-nav-h:  58px;
  --mobile-search-h: 48px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --app-height: 100dvh;
  --mobile-topbar-row-h: 52px;
  --mobile-topbar-h: calc(var(--mobile-topbar-row-h) + var(--safe-top));
  --mobile-bottom-nav-row-h: 58px;
  --mobile-bottom-nav-h: calc(var(--mobile-bottom-nav-row-h) + var(--safe-bottom));
  --mobile-overlay-gap: 8px;
  --ui-fast: .18s;
  --ui-mid: .24s;

  --glass-blur: 18px;
  --glass-sat: 118%;
  /* Хедер + icon-rail + дерево: сильнее blur, ниже непрозрачность — читается как матовое стекло */
  --glass-chrome-blur: 32px;
  --glass-chrome-saturate: 138%;
  --glass-surface: color-mix(in srgb, var(--bg-panel) 68%, transparent);
  --glass-surface-raised: color-mix(in srgb, var(--bg-panel) 62%, transparent);
  --glass-header: color-mix(in srgb, var(--bg-panel) 76%, transparent);
  --glass-chrome: color-mix(in srgb, var(--bg-panel) 20%, transparent);
  /* Только topbar: плотнее, чем рельс/дерево */
  --glass-chrome-topbar: color-mix(in srgb, var(--bg-base) 50%, var(--glass-chrome));
  --glass-chrome-header: color-mix(in srgb, var(--bg-panel) 30%, transparent);
  --glass-chrome-raised: color-mix(in srgb, var(--bg-panel) 26%, transparent);
  --glass-chat-body: color-mix(in srgb, var(--bg-panel) 14%, transparent);
  --glass-muted: color-mix(in srgb, var(--bg-panel) 46%, transparent);
  --glass-hover: color-mix(in srgb, var(--bg-hover) 52%, transparent);
  --glass-inset: inset 0 1px 0 rgba(255, 255, 255, 0.03);
  --glass-shadow: 0 16px 52px rgba(0, 0, 0, 0.58);
  --glass-edge: color-mix(in srgb, var(--border-light) 68%, transparent);

  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 999px;

  --overlay-scrim: rgba(5, 6, 8, 0.52);
  --overlay-scrim-heavy: rgba(0, 0, 0, 0.62);
  --overlay-blur: 10px;
  --overlay-blur-strong: 14px;

  --glass-veil: rgba(255, 255, 255, 0.05);
  --glass-veil-hover: rgba(255, 255, 255, 0.09);
  --glass-veil-active: rgba(255, 255, 255, 0.12);
  --glass-veil-strong: rgba(255, 255, 255, 0.07);

  --glass-tooltip-bg: color-mix(in srgb, var(--glass-surface) 88%, transparent);
  --glass-input-bg: color-mix(in srgb, var(--bg-base) 35%, rgba(255, 255, 255, 0.06));
  --glass-input-border: var(--glass-edge);
  /* Шеврон для нативных select (appearance: none), цвет под вторичный текст */
  --ui-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.25L6 7.75L9.5 4.25' fill='none' stroke='%23a8a29a' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  --status-success: #3ecf8e;
  --status-error: #e05b7a;
  --status-warning: #f0a05a;
  --status-info: #5bcfe0;
}