/* main.css — base global do tema Estrela Cordel */

/* =============================================================================
   CSS Custom Properties
   ============================================================================= */
:root {
  --color-blue: #537887;
  --color-gold: #fac709;
  --color-white: #ffffff;
  --color-dark: #1a1a1a;

  --color-surface:      #f9f8f6;
  --color-hero-bg:      #1c3040;
  --color-muted:        #5a5a5a;
  --color-subtle:       #666;
  --color-placeholder:  #eeeeee;
  --color-overlay:      rgba(0, 0, 0, 0.5);
  --color-border-light: rgba(83, 120, 135, 0.35);
  --color-border-ui:    rgba(83, 120, 135, 0.15);

  --font-heading: var(--font-display);
  --font-body: "DM Sans", system-ui, sans-serif;
  --font-nav: "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-display:
    "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;

  --transition-base: 0.3s ease;
  --z-navbar: 100;
}

/* =============================================================================
   Reset base
   ============================================================================= */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-body);
  color: var(--color-dark);
  -webkit-font-smoothing: antialiased;
}

img {
  display: block;
  max-width: 100%;
}
a {
  text-decoration: none;
  color: inherit;
}