/**
 * Orky - Design Tokens
 * High-Contrast Monochrome Luxury System
 */
:root {
  /* Base Atmospheric Surfaces */
  --color-bg-deep: #07080a;
  --color-bg-surface: #0b0f17;
  --color-bg-card: rgba(15, 23, 42, 0.7);
  --color-bg-glass: rgba(255, 255, 255, 0.05);
  
  /* Typography Colors */
  --color-text-primary: #ffffff;
  --color-text-secondary: rgba(255, 255, 255, 0.72);
  --color-text-muted: rgba(255, 255, 255, 0.72);
  --color-text-white: #ffffff;
  
  /* Signature Color Palette */
  --color-accent-gold: #f6d89a;       /* Warm champagne / luminous starlight */
  --color-accent-gold-glow: rgba(246, 216, 154, 0.35);
  --color-accent-line: linear-gradient(90deg, rgba(246, 216, 154, 0.7) 0%, rgba(246, 216, 154, 0) 100%);

  /* Brand Accent Tokens */
  --color-brand-primary: #ffffff;
  --color-brand-accent: #f6d89a;
  --color-brand-glow: rgba(246, 216, 154, 0.35);
  
  /* Hairline Borders & Glass Accents */
  --border-glass-subtle: rgba(255, 255, 255, 0.12);
  --border-glass-accent: rgba(246, 216, 154, 0.3);
  --border-glass-focus: #f6d89a;

  /* Strict Typography Hierarchy */
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-serif: 'The Seasons', 'Playfair Display', Georgia, serif;
  --font-display: 'Syne', sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  
  /* Radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Signature Dual-Font Editorial Sentence Lockup */
i, em,
.text-line i,
.text-line em,
.editorial-accent,
.editorial-italic,
.card-title em,
.card-title-accent,
.hero-title em,
.hero-title i,
.title-accent {
  font-family: var(--font-serif) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  color: var(--color-accent-gold) !important;
  letter-spacing: normal !important;
  text-shadow: 0 0 20px var(--color-accent-gold-glow);
  display: inline-block;
}

/* Glowing Hairline Underline Accent */
.accent-line-glow {
  position: relative;
  display: inline-block;
}
.accent-line-glow::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 140%;
  height: 1px;
  background: var(--color-accent-line);
  box-shadow: 0 0 8px var(--color-accent-gold-glow);
  pointer-events: none;
}

.gold-accent, .text-gold {
  color: var(--color-accent-gold) !important;
}

.gold-glow {
  text-shadow: 0 0 20px var(--color-accent-gold-glow) !important;
}

.accent-hairline {
  background: var(--color-accent-line) !important;
  height: 1px !important;
  border: none !important;
}

/* Luxury Editorial Brand Lockup (hydration-safe) */
.brand-logo {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  z-index: 100 !important;
  line-height: 1 !important;
  padding: 16.5px 0 !important; /* ≥44px hit area for touch */
}

.brand-logo,
.brand-wordmark,
.brand-name,
.brand-primary,
.brand-accent {
  font-family: 'Syne', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.275rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  text-shadow: none !important;
  text-decoration: none !important;
}

.brand-name {
  display: inline-block !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.brand-logo:hover,
.brand-logo:hover * {
  color: #ffffff !important;
  opacity: 0.85 !important;
  text-shadow: 0 0 12px rgba(255, 255, 255, 0.35) !important;
}

/* Global Navigation Typography & Contrast */
/* Typographic flow: balanced headings, collision-proof stacks */
h1, h2, h3,
.hero-title, .gallery-title, .card-title,
.footer-signoff, .form-heading {
  text-wrap: balance;
}
.hero-container, .hero-section,
.contact-hero, .direct-contact-section,
.form-heading-row {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* Global Navigation Typography & Contrast */
header nav a,
header .simple-button,
header a[class*="text-brand-black"],
.mobile-menu a {
  color: rgba(255, 255, 255, 0.7) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.32rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  background: transparent !important;
  border: none !important;
  transition: color 0.25s ease, text-shadow 0.25s ease !important;
}

header nav a:hover,
header .simple-button:hover,
header a.router-link-active,
.mobile-menu a:hover {
  color: #ffffff !important;
  text-shadow: 0 0 12px rgba(255, 255, 255, 0.4) !important;
}