:root {
  --dp-bg: #fbf4e8;
  --dp-surface: #fffaf2;
  --dp-surface-strong: #ffffff;
  --dp-border: #eadcc8;
  --dp-text: #2b1b12;
  --dp-muted: #7a6a5c;
  --dp-primary: #f25a05;
  --dp-primary-dark: #c94704;
  --dp-price: #15803d;
  --dp-discount: #dc2626;
  --dp-warning: #b45309;
  --dp-warning-soft: #fff1db;
  --dp-info-soft: #eef6ff;
  --dp-logo-blue: #155eef;
  --dp-radius-xl: 28px;
  --dp-radius-lg: 22px;
  --dp-radius-md: 14px;
  --dp-shadow-soft: 0 18px 45px rgba(73, 45, 20, 0.10);
  --dp-shadow-card: 0 10px 28px rgba(73, 45, 20, 0.08);
  --dp-container: 1180px;
}

body {
  background: var(--dp-bg);
  color: var(--dp-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.dp-card {
  background: var(--dp-surface);
  border: 1px solid var(--dp-border);
  border-radius: var(--dp-radius-lg);
  box-shadow: var(--dp-shadow-card);
}

.dp-button-primary {
  background: linear-gradient(135deg, var(--dp-primary), var(--dp-primary-dark));
  color: #fff;
  border-radius: 14px;
  font-weight: 800;
  box-shadow: 0 10px 24px rgba(242, 90, 5, 0.24);
}

.dp-badge-discount { background: var(--dp-discount); color: #fff; }
.dp-price { color: var(--dp-price); font-weight: 900; }
.dp-muted { color: var(--dp-muted); }