/*
Theme Name: Fortune Commercial
Theme URI: https://fortuneintl.com/
Author: Fortune International Realty Commercial
Description: Editorial luxury theme presenting the Fortune Commercial private development portfolio (The Private Gem · Alaska and La Ceiba · Puerto Rico). Includes three page templates: Portfolio (home), Alaska, and Ceiba. Uses Tailwind via Play CDN with custom design tokens.
Version: 1.0.0
License: GPL v2 or later
Text Domain: fortune-commercial
*/

/* Design tokens + utilities used by the page templates */
:root {
  --ink: oklch(0.21 0.07 255);
  --midnight: oklch(0.27 0.08 255);
  --ivory: oklch(0.96 0.012 80);
  --stone: oklch(0.55 0.01 80);
  --gold: oklch(0.78 0.12 80);
  --gold-deep: oklch(0.62 0.13 65);
  --border: oklch(0.86 0.012 80);
  --card: oklch(0.99 0.005 80);
}

html { scroll-behavior: smooth; }
body {
  background: var(--ivory);
  color: var(--ink);
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
  margin: 0;
}
h1, h2, h3, h4 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 400;
  letter-spacing: -0.01em;
}

.eyebrow {
  font-family: "Inter", sans-serif;
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--gold-deep);
}
.rule-gold {
  display: inline-block;
  width: 2.5rem;
  height: 1px;
  background: var(--gold);
  vertical-align: middle;
}
.display-xl {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 300;
  font-size: clamp(2.75rem, 7vw, 6.5rem);
  line-height: 0.95;
  letter-spacing: -0.02em;
}
.display-lg {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 300;
  font-size: clamp(2rem, 4.5vw, 4rem);
  line-height: 1.02;
  letter-spacing: -0.015em;
}
.font-display { font-family: "Cormorant Garamond", Georgia, serif; }
.font-mono { font-family: "JetBrains Mono", ui-monospace, monospace; }

@keyframes float-slow {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}
.float-slow { animation: float-slow 6s ease-in-out infinite; }

/* WordPress admin bar offset for fixed header */
.admin-bar header.site-nav { top: 32px; }
@media (max-width: 782px) {
  .admin-bar header.site-nav { top: 46px; }
}