/* =========================================================
   ATLAS DESIGN SYSTEM 0.2.1 — THEME ENGINE
========================================================= */

:root {
  --atlas-primary: #0B1F4D;
  --atlas-secondary: #173963;
  --atlas-accent: #C8A24A;
  --atlas-background: #F4F7FB;
  --atlas-surface: #FFFFFF;
  --atlas-text: #111827;
  --atlas-text-muted: #64748B;
  --atlas-border: #DDE3EC;
  --atlas-success: #16A34A;
  --atlas-warning: #D97706;
  --atlas-danger: #DC2626;
}

.atlas-content-palette-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
  height: 34px;
  padding: 4px;
  border: 1px solid var(--atlas-border);
  border-radius: 10px;
  background: var(--atlas-surface);
}

.atlas-content-palette-strip span {
  border-radius: 6px;
}

#atlasBuilderCanvas {
  background: var(--atlas-background);
  color: var(--atlas-text);
}

#atlasBuilderCanvas .atlas-block {
  border-color: var(--atlas-border);
  background: var(--atlas-surface);
}

#atlasBuilderCanvas .atlas-block.is-selected {
  border-color: var(--atlas-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--atlas-primary) 14%, transparent);
}

#atlasBuilderCanvas .atlas-preview-hero {
  background-color: var(--atlas-primary);
}

#atlasBuilderCanvas .atlas-preview-hero .atlas-preview-kicker,
#atlasBuilderCanvas .atlas-preview-hero h3 em,
#atlasBuilderCanvas .atlas-preview-section-heading .atlas-preview-kicker,
#atlasBuilderCanvas .atlas-preview-cta-eyebrow,
#atlasBuilderCanvas .atlas-mini-grid-icon,
#atlasBuilderCanvas .atlas-preview-card-icon {
  color: var(--atlas-accent);
}

#atlasBuilderCanvas .atlas-preview-actions .btn:first-child {
  background: var(--atlas-accent);
  border-color: var(--atlas-accent);
  color: var(--atlas-text);
}

#atlasBuilderCanvas .atlas-preview-actions .btn:nth-child(2) {
  border-color: color-mix(in srgb, var(--atlas-surface) 55%, transparent);
  color: var(--atlas-surface);
}

#atlasBuilderCanvas .atlas-preview-text,
#atlasBuilderCanvas .atlas-preview-section-heading,
#atlasBuilderCanvas .atlas-preview-corporate {
  border-color: var(--atlas-border);
  background: var(--atlas-surface);
  color: var(--atlas-text);
}

#atlasBuilderCanvas .atlas-preview-corporate p,
#atlasBuilderCanvas .atlas-preview-text p,
#atlasBuilderCanvas .atlas-preview-section-heading p,
#atlasBuilderCanvas .atlas-preview-card span {
  color: var(--atlas-text-muted);
}

#atlasBuilderCanvas .atlas-preview-card,
#atlasBuilderCanvas .atlas-mini-grid > div,
#atlasBuilderCanvas .atlas-mini-features > div {
  border-color: var(--atlas-border);
  background: var(--atlas-surface);
}

#atlasBuilderCanvas .atlas-preview-network {
  background: var(--atlas-primary);
}

#atlasBuilderCanvas .atlas-preview-network .btn {
  background: var(--atlas-accent);
  color: var(--atlas-text);
}

#atlasBuilderCanvas .atlas-preview-cta {
  border-color: var(--atlas-border);
  background: color-mix(in srgb, var(--atlas-accent) 13%, var(--atlas-surface));
}

#atlasBuilderCanvas .atlas-preview-cta .btn {
  background: var(--atlas-primary);
  border-color: var(--atlas-primary);
  color: var(--atlas-surface);
}