/* Tailwind CSS — compiled output for Fowlstyle WordPress theme.
   In production, run `npx tailwindcss -i ./css/tailwind.css -o ./css/tailwind.css --minify`
   to generate the compiled utility classes. This file contains the base
   configuration and custom theme values. */

:root {
  --ig-border: #dbdbdb;
  --ig-bg: #ffffff;
  --ig-text: #262626;
  --ig-muted: #8e8e8e;
  --ig-accent: #0095f6;
  --ig-accent-hover: #1877f2;
  --ig-red: #ed4956;
}

html { scroll-behavior: smooth; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--ig-text);
  background-color: #fafafa;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img { max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; }

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--ig-border); border-radius: 3px; }

.font-instagram { font-family: "Grand Hotel", cursive; }

.text-ig-border { color: var(--ig-border); }
.text-ig-text { color: var(--ig-text); }
.text-ig-muted { color: var(--ig-muted); }
.text-ig-accent { color: var(--ig-accent); }
.text-ig-red { color: var(--ig-red); }

.bg-ig-border { background-color: var(--ig-border); }
.bg-ig-bg { background-color: var(--ig-bg); }

.border-ig-border { border-color: var(--ig-border); }