/* ============================================================
   PEDIDOS TOKENS — SSOT para páginas de pedidos do cliente
   Baseado em admin/pedidos/css/pedidos-theme-tokens.css (Old Money)
   Adaptado: tons decididos, Poppins, sombras reforçadas, offwhite quente
   ============================================================ */

:root {
  /* ── Surfaces (offwhite mais quente e decidido) ── */
  --bg-primary: #f3efe9;
  --card-bg: #ffffff;
  --bg-surface: #ece8e1;
  --bg-hover: #e5e0d8;
  --border-color: #cdc6bc;
  --border-light: #ddd8d0;

  /* ── Text (alta legibilidade) ── */
  --text-primary: #1a1816;
  --text-secondary: #4a453f;
  --text-muted: #7a746c;
  --text-light: #9e978f;

  /* ── Accent (azul decidido — visivelmente distinto do antigo #121F4B) ── */
  --primary: #2c5282;
  --primary-dark: #1f3d66;
  --primary-light: #4a7ab5;
  --accent: #2c5282;
  --accent-light: rgba(44, 82, 130, 0.10);
  --primary-rgb: 44, 82, 130;

  /* ── Old Money Complementares ── */
  --navy: #2c5282;
  --navy-light: rgba(44, 82, 130, 0.08);
  --forest: #2d6a5a;
  --forest-light: rgba(45, 106, 90, 0.08);
  --cream: #f3efe9;
  --cognac: #a0764e;
  --charcoal: #2d2926;

  /* ── Semantic (tons decididos, não xoxos) ── */
  --success: #2d7a4a;
  --success-light: #e4f5eb;
  --warning: #b8860b;
  --warning-light: #fdf4dc;
  --danger: #c0392b;
  --danger-light: #fce8e6;
  --info: #2968a8;
  --info-light: #e8f1fb;

  /* ── Shadows (reforçadas — destaque dos blocos) ── */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.07), 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.09), 0 2px 6px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 12px 36px rgba(0, 0, 0, 0.12), 0 4px 10px rgba(0, 0, 0, 0.07);
  --shadow-glow: 0 0 20px rgba(44, 82, 130, 0.12);

  /* ── Radius ── */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;

  /* ── Typography (Poppins + system) ── */
  --font-display: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'SF Mono', 'Menlo', 'Monaco', 'Consolas', monospace;

  /* ── Motion ── */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
  --transition-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  /* ── Theme semântico do cliente (tons sóbrios Old Money, injetado via JS) ── */
  --theme-active: #2c5282;
  --theme-active-rgb: 44, 82, 130;
  --theme-pending: #b8860b;
  --theme-pending-rgb: 184, 134, 11;
  --theme-danger: #8b4a3a;
  --theme-danger-rgb: 139, 74, 58;
  --theme-resolution: #5b4a8a;
  --theme-resolution-rgb: 91, 74, 138;
  --theme-success: #3d6b4f;
  --theme-success-rgb: 61, 107, 79;

  /* ── Theme dinâmico (categoria ativa, injetada via JS) ── */
  --theme-color: var(--theme-active);
  --theme-rgb: var(--theme-active-rgb);
}