/**
 * Design system — variáveis globais (PHP 8 / front legado compatível)
 * Tema claro padrão; dark opcional: html[data-theme="dark"]
 */
:root {
  --dm-font: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --dm-radius-sm: 8px;
  --dm-radius: 14px;
  --dm-radius-lg: 20px;
  --dm-shadow: 0 4px 24px rgba(15, 23, 42, 0.08);
  --dm-shadow-sm: 0 2px 12px rgba(15, 23, 42, 0.06);
  --dm-transition: 0.22s cubic-bezier(0.4, 0, 0.2, 1);

  --dm-primary: #e63946;
  --dm-primary-dark: #c1121f;

  /* Marca pública — home, cadastro, login */
  --dm-brand-orange: #ff7a00;
  --dm-brand-orange-dark: #e66d00;
  --dm-brand-orange-soft: rgba(255, 122, 0, 0.14);
  --dm-brand-black: #121212;
  --dm-brand-black-soft: #1a1410;
  --dm-brand-black-mid: #2a1814;
  --dm-brand-black-deep: #0d0b0a;
  --dm-brand-surface-dark: #1f1a18;
  --dm-brand-text-on-dark: rgba(255, 255, 255, 0.92);
  --dm-brand-text-muted-on-dark: rgba(255, 255, 255, 0.65);
  --dm-brand-header-bg: linear-gradient(180deg, var(--dm-brand-black-deep) 0%, var(--dm-brand-black-mid) 100%);
  --dm-brand-hero-bg: linear-gradient(
    160deg,
    var(--dm-brand-black-deep) 0%,
    var(--dm-brand-black-mid) 48%,
    var(--dm-brand-black-soft) 100%
  );
  --dm-brand-btn-bg: linear-gradient(135deg, var(--dm-brand-orange) 0%, var(--dm-brand-orange-dark) 100%);
  --dm-brand-font: "Poppins", "Inter", "DM Sans", system-ui, sans-serif;

  --dm-accent: #06d6a0;
  --dm-surface: #ffffff;
  --dm-surface-2: #f8fafc;
  --dm-border: rgba(15, 23, 42, 0.08);
  --dm-text: #0f172a;
  --dm-text-muted: #64748b;
  --dm-header-bg: linear-gradient(135deg, #0f172a 0%, #1e293b 55%, #0f172a 100%);
  --dm-success: #10b981;
  --dm-warning: #f59e0b;
  --dm-danger: #ef4444;
}

html[data-theme="dark"] {
  --dm-surface: #0f172a;
  --dm-surface-2: #1e293b;
  --dm-border: rgba(248, 250, 252, 0.08);
  --dm-text: #f1f5f9;
  --dm-text-muted: #94a3b8;
  --dm-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
  --dm-shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.25);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dm-transition: 0.01ms;
  }
}