@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&display=swap");

:root {
  --font: "Space Grotesk", system-ui, sans-serif;

  --bg: #f4f4f5;
  --panel: #ffffff;
  --card: #ffffff;
  --card-emitir-certidao-gradient: linear-gradient(
    to bottom right,
    #f5f0f2,
    transparent
  );
  --primary: #9e4149;
  --primary-light: #a8324a;
  --primary-dark: #5c0f23;

  --text: #1f2937;
  --muted: #6b7280;
  --border: #d1d5db;

  --shadow: 0 12px 34px rgba(0, 0, 0, 0.14);
  --background-gradient: linear-gradient(180deg, #f8f9fb, #eef1f7);

  --radius-lg: 18px;
  --radius-md: 14px;
  --radius-sm: 10px;

  --input-h: 48px;
}

body.theme-dark {
  --bg: #0f172a;
  --panel: #111827;
  --card: #0f172a;

  --primary: #f26f8f;
  --primary-light: #9e4149;
  --primary-dark: #7f343a;

  --text: #e5e7eb;
  --muted: #9ca3af;
  --border: #1f2937;
  --card-emitir-certidao-gradient: linear-gradient(
    to bottom right,
    #484a4b9c,
    transparent
  );
  --shadow: 0 12px 34px rgba(0, 0, 0, 0.45);
  --background-gradient: linear-gradient(180deg, #0b1220, #0d1728);
}