/* ============================================================================
   Estudio Martinez - tokens de diseno (unica fuente estatica de la paleta)
   ----------------------------------------------------------------------------
   GENERADO por scripts/generate_tokens_css.py. No editar a mano: los valores
   derivan de estudio_martinez/utils/color_palette.py. Para cambiar la paleta,
   tocar DEFAULT_PRIMARY / BRAND_* alli y regenerar.

   Este archivo es el FALLBACK estatico. En runtime lo pisa
   templates/bases/_tema_vars.html, que emite los mismos tokens derivados del
   color de la sucursal del usuario.

   Orden: :root primero, [data-bs-theme="dark"] despues. Misma especificidad
   (0-1-0), asi que gana el que aparece ultimo. No reordenar.
   ============================================================================ */

:root {
  color-scheme: light;
  --erp-shadow-rgb: 176,96,60;

  /* 1 - Primitivas de marca */
  --erp-primary: #B0603C;
  --erp-primary-rgb: 176,96,60;
  --erp-primary-light: #c4886d;
  --erp-primary-lighter: #dbb7a7;
  --erp-primary-soft: #f1e2dc;
  --erp-primary-muted: #d0a08a;
  --erp-primary-dark: #894b2f;
  --erp-primary-darker: #6a3a24;
  --erp-accent: #E0A458;
  --erp-accent-dark: #C4832F;
  --erp-accent-rgb: 224,164,88;
  --erp-surface: #FAF7F4;
  --erp-text: #2E2019;

  /* 2 - Superficies semanticas */
  --erp-bg: var(--erp-surface);
  --erp-card-bg: #FFFFFF;
  --erp-subtle-bg: #F3EEEA;
  --erp-border: #E7DDD6;
  --erp-border-strong: #D8C9BF;
  --erp-text-muted: #7A6659;
  --erp-on-primary: #FFFFFF;
  --erp-heading: var(--erp-primary);
  --erp-input-bg: var(--erp-card-bg);
  --erp-input-border: var(--erp-border-strong);
  --erp-input-text: var(--erp-text);
  --erp-table-stripe: rgba(var(--erp-primary-rgb), .035);
  --erp-table-hover: rgba(var(--erp-primary-rgb), .07);

  /* Sidebar: rail oscuro en ambos modos, tokens propios porque en
     oscuro tiene que ir MAS profundo que el body, no mas claro. */
  --erp-sidebar-bg-1: #462618;
  --erp-sidebar-bg-2: #663823;
  --erp-sidebar-bg-3: #4f2b1b;
  --erp-sidebar-text: #FFFFFF;
  --erp-sidebar-text-muted: #e1c3b5;
  --erp-sidebar-icon: #d8b09e;

  --erp-radius: 14px;
  --erp-shadow-sm: 0 2px 8px rgba(var(--erp-shadow-rgb), .07);
  --erp-shadow: 0 6px 20px rgba(var(--erp-shadow-rgb), .10);
  --erp-shadow-lg: 0 14px 34px rgba(var(--erp-shadow-rgb), .16);

  /* 3 - Estado */
  --erp-success: #198754;
  --erp-success-rgb: 25,135,84;
  --erp-success-bg: #d1e7dd;
  --erp-success-fg: #0a3622;
  --erp-warning: #c98a00;
  --erp-warning-rgb: 201,138,0;
  --erp-warning-bg: #fff3cd;
  --erp-warning-fg: #664d03;
  --erp-danger: #dc3545;
  --erp-danger-rgb: 220,53,69;
  --erp-danger-bg: #f8d7da;
  --erp-danger-fg: #58151c;
  --erp-info: #0d6efd;
  --erp-info-rgb: 13,110,253;
  --erp-info-bg: #cfe2ff;
  --erp-info-fg: #052c65;

  /* 4 - Puentes a Bootstrap */
  --bs-primary-custom: var(--erp-primary);
  --bs-breadcrumb-title-bg: var(--erp-primary-soft);
  --bs-link-color-rgb: var(--erp-primary-rgb);
  --bs-link-hover-color-rgb: 106,58,36;

  /* Assets con color embebido (no admiten var() adentro) */
  --tree-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='797' height='797' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='88' y1='88' x2='0' y2='0'%3E%3Cstop offset='0' stop-color='%23894b2f'/%3E%3Cstop offset='1' stop-color='%23B0603C'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='75' y1='76' x2='168' y2='160'%3E%3Cstop offset='0' stop-color='%23868686'/%3E%3Cstop offset='0.09' stop-color='%23979797'/%3E%3Cstop offset='0.18' stop-color='%23a9a9a9'/%3E%3Cstop offset='0.31' stop-color='%23bababa'/%3E%3Cstop offset='0.44' stop-color='%23cbcbcb'/%3E%3Cstop offset='0.59' stop-color='%23dcdcdc'/%3E%3Cstop offset='0.75' stop-color='%23eeeeee'/%3E%3Cstop offset='1' stop-color='%23ffffff'/%3E%3C/linearGradient%3E%3Cfilter id='c' x='0' y='0' width='200%25' height='200%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='12' /%3E%3C/filter%3E%3C/defs%3E%3Cpolygon fill='url(%23a)' points='0 174 0 0 174 0'/%3E%3Cpath fill='%23000' fill-opacity='0.42' filter='url("#c#c")' d='M121.8 174C59.2 153.1 0 174 0 174s63.5-73.8 87-94c24.4-20.9 87-80 87-80S107.9 104.4 121.8 174z'/%3E%3Cpath fill='url("#b#b")' d='M142.7 142.7C59.2 142.7 0 174 0 174s42-66.3 74.9-99.3S174 0 174 0S142.7 62.6 142.7 142.7z'/%3E%3C/svg%3E");
  --erp-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23B0603C' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
}

[data-bs-theme="dark"] {
  color-scheme: dark;
  --erp-shadow-rgb: 0,0,0;

  /* 1 - Primitivas de marca */
  --erp-primary: #be7d5f;
  --erp-primary-rgb: 190,125,95;
  --erp-primary-light: #ce9c86;
  --erp-primary-lighter: #e1c3b5;
  --erp-primary-soft: #27150d;
  --erp-primary-muted: #d8b09e;
  --erp-primary-dark: #B0603C;
  --erp-primary-darker: #84482d;
  --erp-accent: #e3ad69;
  --erp-accent-dark: #c88a3b;
  --erp-accent-rgb: 227,173,105;
  --erp-surface: #120a06;
  --erp-text: #f7efec;

  /* 2 - Superficies semanticas */
  --erp-bg: var(--erp-surface);
  --erp-card-bg: #1a0e09;
  --erp-subtle-bg: #20110b;
  --erp-border: #351d12;
  --erp-border-strong: #4a2819;
  --erp-text-muted: #9a908d;
  --erp-on-primary: #FFFFFF;
  --erp-heading: var(--erp-primary);
  --erp-input-bg: var(--erp-card-bg);
  --erp-input-border: var(--erp-border-strong);
  --erp-input-text: var(--erp-text);
  --erp-table-stripe: rgba(255,255,255,.03);
  --erp-table-hover: rgba(var(--erp-primary-rgb), .12);

  /* Sidebar: rail oscuro en ambos modos, tokens propios porque en
     oscuro tiene que ir MAS profundo que el body, no mas claro. */
  --erp-sidebar-bg-1: #0c0704;
  --erp-sidebar-bg-2: #170c08;
  --erp-sidebar-bg-3: #100905;
  --erp-sidebar-text: #f9f2ef;
  --erp-sidebar-text-muted: #a29995;
  --erp-sidebar-icon: #c6bdba;

  --erp-radius: 14px;
  --erp-shadow-sm: 0 2px 8px rgba(var(--erp-shadow-rgb), .35);
  --erp-shadow: 0 6px 20px rgba(var(--erp-shadow-rgb), .45);
  --erp-shadow-lg: 0 14px 34px rgba(var(--erp-shadow-rgb), .60);

  /* 3 - Estado */
  --erp-success: #3dbb80;
  --erp-success-rgb: 61,187,128;
  --erp-success-bg: #0f2e21;
  --erp-success-fg: #8fe3bb;
  --erp-warning: #e8ab2e;
  --erp-warning-rgb: 232,171,46;
  --erp-warning-bg: #33280a;
  --erp-warning-fg: #f2d18a;
  --erp-danger: #f06b78;
  --erp-danger-rgb: 240,107,120;
  --erp-danger-bg: #3a1418;
  --erp-danger-fg: #f7b3ba;
  --erp-info: #5b9dff;
  --erp-info-rgb: 91,157,255;
  --erp-info-bg: #11244a;
  --erp-info-fg: #a8c8ff;

  /* 4 - Puentes a Bootstrap */
  --bs-primary-custom: var(--erp-primary);
  --bs-breadcrumb-title-bg: var(--erp-primary-soft);
  --bs-link-color-rgb: var(--erp-primary-rgb);
  --bs-link-hover-color-rgb: 206,156,134;

  /* Assets con color embebido (no admiten var() adentro) */
  --tree-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='797' height='797' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='88' y1='88' x2='0' y2='0'%3E%3Cstop offset='0' stop-color='%234f2b1b'/%3E%3Cstop offset='1' stop-color='%2384482d'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='75' y1='76' x2='168' y2='160'%3E%3Cstop offset='0' stop-color='%2323130c'/%3E%3Cstop offset='0.09' stop-color='%232d180f'/%3E%3Cstop offset='0.18' stop-color='%23361e13'/%3E%3Cstop offset='0.31' stop-color='%23402316'/%3E%3Cstop offset='0.44' stop-color='%23492819'/%3E%3Cstop offset='0.59' stop-color='%23532d1c'/%3E%3Cstop offset='0.75' stop-color='%235c3320'/%3E%3Cstop offset='1' stop-color='%23663823'/%3E%3C/linearGradient%3E%3Cfilter id='c' x='0' y='0' width='200%25' height='200%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='12' /%3E%3C/filter%3E%3C/defs%3E%3Cpolygon fill='url(%23a)' points='0 174 0 0 174 0'/%3E%3Cpath fill='%23000' fill-opacity='0.42' filter='url("#c#c")' d='M121.8 174C59.2 153.1 0 174 0 174s63.5-73.8 87-94c24.4-20.9 87-80 87-80S107.9 104.4 121.8 174z'/%3E%3Cpath fill='url("#b#b")' d='M142.7 142.7C59.2 142.7 0 174 0 174s42-66.3 74.9-99.3S174 0 174 0S142.7 62.6 142.7 142.7z'/%3E%3C/svg%3E");
  --erp-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dbb7a7' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
}