/*
 * x99 Lagom overrides — WS1.2
 *
 * Lagom2 define 100+ CSS vars pra controlar cores internamente (ex:
 * --primary-block-bg, --main-body-bg, --app-nav-left-bg). Esses vars
 * por padrão resolvem pra tokens dark do Lagom.
 *
 * Em light mode (data-theme="light"), remapeamos os Lagom vars pras
 * nossas tokens claras. Isso dá coverage TOTAL sem precisar tocar
 * cada classe do Lagom.
 *
 * Carregar DEPOIS de x99-tokens.css + x99-base.css.
 */

/* ==========================================================================
 * Dark default — garante que Lagom vars resolvam pros nossos tokens
 * ========================================================================== */
:root {
  /* Backgrounds */
  --primary-block-bg: var(--c-bg-base);
  --secondary-block-bg: var(--c-bg-elevated);
  --main-body-bg: var(--c-bg-base);
  --body-bg: var(--c-bg-base);
  --main-body-sidebar-bg: var(--c-bg-elevated);
  --main-body-content-bg: var(--c-bg-base);
  --main-body-sidebar-content-bg: var(--c-bg-elevated);

  /* Nav / topbar */
  --app-nav-left-bg: var(--c-bg-elevated);
  --app-nav-top-bg: var(--c-bg-elevated);
  --app-nav-navbar-bg: var(--c-bg-elevated);
  --app-nav-left-link-color: var(--c-text-secondary);
  --app-nav-left-link-hover-color: var(--c-text-primary);
  --app-nav-left-link-active-color: var(--c-accent);
  --app-nav-left-link-hover-bg: var(--c-surface-hover);
  --app-nav-left-link-active-bg: var(--c-accent-soft);
  --app-nav-left-icon-color: var(--c-text-muted);
  --app-nav-left-icon-hover-color: var(--c-text-primary);
  --app-nav-left-icon-active-color: var(--c-accent);

  /* Login / register backgrounds */
  --login-bg: var(--c-bg-base);
  --login-box-bg: var(--c-bg-elevated);
  --login-box-shadow: var(--sh-card);

  /* Form inputs */
  --form-control-bg: var(--c-bg-elevated);
  --form-control-border-color: var(--c-border-strong);
  --form-control-color: var(--c-text-primary);
  --form-control-placeholder-color: var(--c-text-muted);
  --form-control-focus-border-color: var(--c-accent);
  --form-control-focus-box-shadow: var(--sh-focus);

  /* Buttons */
  --btn-primary-bg: var(--c-accent);
  --btn-primary-color: var(--c-text-inverse);
  --btn-primary-border-color: var(--c-accent);
  --btn-primary-hover-bg: var(--c-accent-warm);
  --btn-default-bg: var(--c-bg-elevated);
  --btn-default-color: var(--c-text-primary);
  --btn-default-border-color: var(--c-border-strong);

  /* Badges */
  --badge-bg: var(--c-surface);
  --badge-color: var(--c-text-secondary);
  --badge-primary-bg: var(--c-accent);
  --badge-primary-color: var(--c-text-inverse);
  --badge-danger-bg: var(--c-danger-soft);
  --badge-danger-color: var(--c-danger);
  --badge-success-bg: var(--c-success-soft);
  --badge-success-color: var(--c-success);
  --badge-warning-bg: var(--c-warning-soft);
  --badge-warning-color: var(--c-warning);
  --badge-info-bg: var(--c-info-soft);
  --badge-info-color: var(--c-info);

  /* Tables */
  --table-bg: transparent;
  --table-head-bg: var(--c-surface);
  --table-color: var(--c-text-primary);
  --table-border-color: var(--c-border);
  --table-hover-bg: var(--c-surface-hover);

  /* Cards / panels */
  --card-bg: var(--c-bg-elevated);
  --card-border-color: var(--c-border);
  --card-color: var(--c-text-primary);
  --panel-bg: var(--c-bg-elevated);
  --panel-border-color: var(--c-border);

  /* Text / content */
  --text-color: var(--c-text-primary);
  --text-muted: var(--c-text-muted);
  --heading-color: var(--c-text-primary);
  --link-color: var(--c-accent);
  --link-hover-color: var(--c-accent-warm);

  /* Alerts */
  --alert-primary-bg: var(--c-accent-soft);
  --alert-primary-border: var(--c-accent);
  --alert-primary-text: var(--c-accent);
  --alert-success-bg: var(--c-success-soft);
  --alert-success-border: var(--c-success);
  --alert-success-text: var(--c-success);
  --alert-danger-bg: var(--c-danger-soft);
  --alert-danger-border: var(--c-danger);
  --alert-danger-text: var(--c-danger);
  --alert-warning-bg: var(--c-warning-soft);
  --alert-warning-border: var(--c-warning);
  --alert-warning-text: var(--c-warning);
  --alert-info-bg: var(--c-info-soft);
  --alert-info-border: var(--c-info);
  --alert-info-text: var(--c-info);

  /* Dropdown */
  --dropdown-bg: var(--c-bg-elevated);
  --dropdown-border-color: var(--c-border);
  --dropdown-link-color: var(--c-text-primary);
  --dropdown-link-hover-bg: var(--c-surface-hover);
  --dropdown-link-hover-color: var(--c-text-primary);

  /* Misc */
  --border-color: var(--c-border);
  --hr-border-color: var(--c-border);

  /* Brand gradients — dark */
  --brand-primary-gradient-v: var(--c-bg-base);
  --brand-secondary-gradient-v: var(--c-bg-elevated);
}

/* ==========================================================================
 * Light overrides — os mesmos vars resolvem pros tokens claros
 * ========================================================================== */
:root[data-theme="light"] {
  /* Brand gradients — light (sobrepõe gradientes escuros do Lagom) */
  --brand-primary-gradient-v: var(--c-bg-base);
  --brand-secondary-gradient-v: var(--c-bg-elevated);
}