/* Eficaz Pinturas — design tokens & reset, compartilhado entre site público e painel */

:root {
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --ink-900: #0f1417;
  --ink-700: #333c42;
  --ink-500: #667079;
  --ink-300: #9aa4ab;
  --ink-100: #e8ebed;
  --ink-050: #f5f6f7;
  --white: #ffffff;

  --brand-700: #1e3a5f;
  --brand-600: #2a5083;
  --brand-500: #35659f;
  --brand-050: #eef3f8;

  --whatsapp: #25d366;
  --whatsapp-dark: #1da851;

  --company-yellow: #f5b60a;
  --company-yellow-dark: #d99e05;

  --green-600: #1a7f4b;
  --green-050: #e8f6ee;
  --red-600: #c23b3b;
  --red-050: #fbeaea;
  --amber-600: #b1750f;
  --amber-050: #fbf1e0;

  --border: var(--ink-100);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-card: 0 1px 2px rgba(15, 20, 23, 0.04), 0 1px 8px rgba(15, 20, 23, 0.04);
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-sans);
  color: var(--ink-900);
  background: var(--white);
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
}

h1, h2, h3, h4, p, ul, ol {
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font-family: inherit;
  cursor: pointer;
}

img {
  max-width: 100%;
  display: block;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}