/* Paleta padrão do LV Conecta. Cores configuráveis de pedidos, marcadores e tags
   continuam sendo recebidas dos respectivos cadastros e não pertencem à paleta. */
:root {
  --lv-yellow: #FED700;
  --lv-yellow-strong: #E2C003;
  --lv-yellow-text: #806D00;
  --lv-yellow-soft: #FFF7CC;
  --lv-ink: #111111;
  --lv-muted: #69717C;
  --lv-muted-light: #999EA6;
  --lv-surface: #FFFFFF;
  --lv-line: #e3e3e4;
  --lv-table-head: #F0F2F4;
  --lv-table-stripe: #F5F6F8;
  --lv-table-hover: #ECEFF2;
  --lv-field-bg: #FAFAFA;
  --lv-field-disabled-bg: #E9ECEF;
  --lv-inverse-muted: #C7CBD0;
  --lv-success: #16845B;
  --lv-blue: #3267D6;
  --lv-warning: #f05c22;
  --lv-warning-light: #eeac92;
  --lv-danger: #C93445;
  --lv-success-soft: #E7F7F0;
  --lv-info-soft: #EBF0FB;
  --lv-danger-soft: #FFF0F1;
  --lv-warning-soft: color-mix(in srgb, var(--lv-warning) 10%, var(--lv-surface));
  --lv-purple: #7E38FF;
  --lv-teal: #2B9697;

  --lv-primary-text: var(--lv-ink);
  --lv-ink-soft: var(--lv-ink);
  --lv-bg: var(--lv-surface);
  --lv-admin-bg: var(--lv-surface);
  --lv-line-strong: var(--lv-line);
  --lv-sidebar: var(--lv-ink);
  --lv-sidebar-text: var(--lv-surface);
  --lv-info: var(--lv-blue);
  --lv-field-bg-hover: var(--lv-field-bg);
  --lv-field-border: var(--lv-line);
  --lv-field-border-hover: var(--lv-yellow);
  --lv-field-label: var(--lv-muted);
  --lv-field-text: var(--lv-ink);
  --lv-field-placeholder: var(--lv-muted);
  --lv-field-focus: var(--lv-yellow-strong);
  --lv-field-ring: color-mix(in srgb, var(--lv-yellow) 24%, transparent);
  --lv-field-readonly-bg: var(--lv-table-head);
  --lv-field-readonly: var(--lv-table-head);
  --lv-field-disabled: var(--lv-field-disabled-bg);
  --lv-field-error: var(--lv-danger);
  --lv-field-success: var(--lv-success);
  --lv-ui-text: var(--lv-ink);
  --lv-ui-muted: var(--lv-muted);
  --lv-ui-surface: var(--lv-surface);
  --lv-ui-line: var(--lv-line);
  --lv-ui-success: var(--lv-success);
  --lv-ui-warning: var(--lv-warning);
  --lv-ui-danger: var(--lv-danger);
  --lv-ui-info: var(--lv-blue);
  --lv-shadow-color: color-mix(in srgb, var(--lv-ink) 4%, transparent);
  --lv-popup-shadow-color: color-mix(in srgb, var(--lv-ink) 12%, transparent);
  --lv-shadow-sm: 0 4px 14px var(--lv-shadow-color);
  --lv-shadow: 0 12px 32px var(--lv-shadow-color);
  --lv-ui-shadow: 0 8px 28px var(--lv-shadow-color);
  --lv-ui-popup-shadow: 0 12px 32px var(--lv-popup-shadow-color);
  --lv-ui-overlay: color-mix(in srgb, var(--lv-ink) 50%, transparent);

  --lv-fin-paid: var(--lv-success);
  --lv-fin-partial: var(--lv-blue);
  --lv-fin-open: var(--lv-warning);
  --lv-fin-overdue: var(--lv-danger);
  --lv-fin-cancelled: var(--lv-muted);

  /* Compatibilidade com as páginas públicas que usam os nomes anteriores. */
  --yellow: var(--lv-yellow);
  --ink: var(--lv-ink);
  --muted: var(--lv-muted);
  --line: var(--lv-line);
  --paper: var(--lv-surface);
  --white: var(--lv-surface);
}

/* Ícones de campos: a cor do SVG precisa ser declarada dentro da URL. */
:root {
  --lv-palette-icon-1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2369717C' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.5 15.5 5 5'/%3E%3C/svg%3E");
  --lv-palette-icon-2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 11h18'/%3E%3C/svg%3E");
  --lv-palette-icon-3: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12h12' stroke='%2369717C' stroke-width='2.8' stroke-linecap='round'/%3E%3C/svg%3E");
  --lv-palette-icon-4: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5.5 12 4.5 4.5 9-9' fill='none' stroke='%2369717C' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --lv-palette-icon-5: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12h12' stroke='white' stroke-width='2.8' stroke-linecap='round'/%3E%3C/svg%3E");
  --lv-palette-icon-6: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5.5 12 4.5 4.5 9-9' fill='none' stroke='white' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --lv-palette-icon-7: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V3h12v6M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2M6 14h12v7H6zM18 12h.01'/%3E%3C/svg%3E");
}
