/*
Theme Name: Secretrein
Theme URI: https://secretrein.com
Author: Toby
Description: Custom travel blog theme for Secretrein, converted from a Lovable/React design (Tailwind-based, terracotta/ink/cream/teal palette).
Version: 1.0
Requires PHP: 7.4
Text Domain: secretrein
*/

:root {
  --radius: 0.75rem;
  --background: #ffffff;
  --foreground: #1a1a1a;
  --card: #ffffff;
  --muted-foreground: #6b6b6b;
  --accent: #fbe8e9;
  --border: #e5e5e5;
  --cream: #fafafa;
  --terracotta: #c8151d;
  --terracotta-dark: #9e1015;
  --teal: #7a1018;
  --sand: #f2f2f2;
  --ink: #1a1a1a;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  margin: 0;
}

h1, h2, h3, .font-display {
  font-family: "Playfair Display", "Georgia", serif;
  letter-spacing: -0.01em;
}

.bg-cream { background-color: var(--cream); }
.bg-sand\/50 { background-color: color-mix(in oklch, var(--sand) 50%, transparent); }
.bg-terracotta { background-color: var(--terracotta); }
.bg-teal { background-color: var(--teal); }
.bg-ink { background-color: var(--ink); }
.text-terracotta { color: var(--terracotta); }
.text-ink { color: var(--ink); }
.hover\:text-terracotta:hover { color: var(--terracotta); }
.shadow-card { box-shadow: 0 10px 30px -12px oklch(0.3 0.05 40 / 0.2); }
.shadow-soft { box-shadow: 0 6px 24px -8px oklch(0.3 0.05 40 / 0.15); }

/* Screen-reader only utility (used for accessible labels) */
.sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}