/* Fogão da Katita — design tokens (fonte única de verdade)
 * Personalizável no PDV via Theme.apply() / Aparência.
 * Aliases --kk-* e --cad-* mantêm compatibilidade com CSS legado.
 */

:root {
  /* ——— Identidade (tipografia, marca, raios, atmosphere) ——— */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-sans: "Source Sans 3", system-ui, sans-serif;

  --brand-ember: #e85d04;
  --brand-ember-hot: #ff6b1a;
  --brand-ember-deep: #c2410c;
  --brand-gold: #e8c56a;
  --brand-gold-soft: rgba(232, 197, 106, 0.55);
  --brand-ink: #120d09;
  --brand-ink-mid: #1c140e;
  --brand-cream: #faf6ee;
  --brand-cream-deep: #efe6d6;
  --brand-muted: rgba(250, 246, 238, 0.68);
  --brand-on-ember: #ffffff;
  --brand-ok: #2e7d32;
  --brand-danger: #c62828;
  --brand-card: rgba(255, 255, 255, 0.96);
  --brand-card-dark: rgba(255, 255, 255, 0.07);
  --brand-line: rgba(232, 93, 4, 0.28);
  --brand-text-ink: #1c140e;
  --brand-text-muted: #5c4a3a;

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  --atmosphere-ember: rgba(232, 93, 4, 0.26);
  --atmosphere-gold: rgba(232, 197, 106, 0.14);

  /* ——— PDV / Geral (Aparência pode sobrescrever) ——— */
  --color-primary: #e85d04;
  --color-secondary: #c2410c;
  --color-accent: #ff6b1a;
  --bg-primary: #f3f3f3;
  --bg-secondary: #ffffff;
  --text-primary: #1f2937;
  --text-secondary: #6b7280;

  /* ——— Barra superior ——— */
  --header-bg-start: #e85d04;
  --header-bg-mid: #ff6b1a;
  --header-bg-end: #c2410c;
  --header-text: #ffffff;
  --header-icon: #ffffff;
  --header-subtitle: #f4d9c3;
  --header-accent: #e8c56a;
  --header-accent-soft: #f2d06d;

  /* ——— Menu / Nav ——— */
  --nav-bg: #ffffff;
  --nav-item-active: #fff3e0;
  --nav-item-hover: #fff8e8;
  --nav-text: #374151;

  /* ——— Botões ——— */
  --btn-primary: #2e7d32;
  --btn-secondary: #666666;
  --btn-success: #2e7d32;
  --btn-danger: #d32f2f;
  --btn-warning: #f59e0b;
  --btn-info: #1976d2;
  --btn-text: #ffffff;

  /* ——— Cards ——— */
  --card-bg: #ffffff;
  --card-border: #e2e5ea;
  --card-title: #c2410c;
  --card-content: #1f2937;

  /* ——— KPIs ——— */
  --kpi-bg: #ffffff;
  --kpi-border: #e2e5ea;
  --kpi-title: #6b7280;
  --kpi-value: #1f2937;

  /* ——— Tabelas (cabeçalho suave: --table-header-bg = linha de acento) ——— */
  --table-header-bg: #e85d04;
  --table-header-text: #1f2937;
  --table-row-bg: #ffffff;
  --table-row-hover: #fff8f0;
  --table-border: #e2e5ea;

  /* ——— Formulários ——— */
  --form-bg: #ffffff;
  --form-border: #e2e5ea;
  --form-focus: #e85d04;
  --form-placeholder: #9ca3af;

  /* ——— Status ——— */
  --status-aberto: #c2410c;
  --status-finalizado: #2e7d32;
  --status-cancelado: #d32f2f;
  --status-pago: #2e7d32;
  --status-a-receber: #f59e0b;
  --status-parcial: #ff6b1a;
  --status-estoque-baixo: #c62828;

  /* ——— Aliases legado (não remover) ——— */
  --kk-orange: var(--color-primary);
  --kk-orange-dark: var(--color-secondary);
  --kk-green: var(--btn-success);
  --kk-green-soft: #e8f5e9;
  --kk-red: var(--btn-danger);
  --kk-white: #ffffff;
  --kk-font: var(--font-sans);

  --cad-orange: var(--color-primary);
  --cad-orange-dark: var(--color-secondary);
  --cad-green: var(--btn-success);
  --cad-green-bg: #e8f5e9;
  --cad-red: var(--btn-danger);
  --cad-red-bg: #ffebee;
  --cad-gray: var(--text-secondary);
  --cad-border: var(--card-border);
  --cad-bg: var(--card-bg);
  --cad-bg-soft: var(--bg-primary);
}