/* Digamber Arts Main Theme CSS - v1.3.0 - Warm Sand Luxury Palette */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,600&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

:root {
  /* Surfaces (All-light architecture) */
  --bg-sand: #FCFBF8;
  /* canvas, hero, header */
  --bg-card-hover: #F7F5F0;
  /* card hover, image placeholders */
  --bg-sand-warm: #F2F0EA;
  /* alternate section band, footer */
  --bg-brass-tint: #F5EDDC;
  /* badges, active nav, heritage band */

  /* Lines */
  --border-default: #E4E0D6;
  /* default border, dividers */
  --border-hover: #D3CDC0;
  /* input border, hover border */
  --gold-brass: #B8873B;
  /* brass rule, section markers, icon strokes */

  /* Text */
  --text-main: #191713;
  /* headings */
  --text-muted: #5F5A52;
  /* body */
  --text-meta: #A39C8F;
  /* meta, captions, placeholders */
  --gold-brass-dark: #7A5522;
  /* links, small caps, brass text */

  /* Accents */
  --accent-sindoor: #8C2B22;
  /* one element per page */

  /* Removed dark variables to enforce all-light structure */
  --bg-obsidian: var(--bg-sand-warm);
  /* fallback mapping */
  --text-light: #FAF8F5;
  /* restored for dark backgrounds like hero */
  --text-light-muted: rgba(250, 248, 245, 0.7);
  /* restored for dark backgrounds */

  --font-serif-regal: 'Cinzel', serif;
  --font-serif-editorial: 'Cormorant Garamond', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-script: 'Sacramento', cursive;
  --font-deva: 'Tiro Devanagari Hindi', serif;

  --container-max: 1380px;
  --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  --shadow-subtle: 0 10px 30px rgba(0, 0, 0, 0.04);
  --shadow-luxury: 0 20px 50px rgba(18, 17, 16, 0.08);
  --shadow-dark-card: 0 25px 60px rgba(0, 0, 0, 0.4);
}

/* Base styling */
html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  background-color: var(--bg-sand);
  color: var(--text-main);
  font-family: var(--font-sans);
  line-height: 1.7;
  letter-spacing: -0.01em;
  overflow-x: hidden;
}

::selection {
  background: var(--gold-brass);
  color: #FAF8F5;
}

/* Typography Utility */
.font-regal {
  font-family: var(--font-serif-regal);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.font-editorial {
  font-family: var(--font-serif-editorial);
  font-weight: 400;
  letter-spacing: -0.01em;
}

.font-sans {
  font-family: var(--font-sans);
}

.gold-accent {
  color: var(--gold-brass);
}

.gold-gradient-text {
  background: linear-gradient(135deg, #DFBE7B 0%, #C5A059 50%, #9A7737 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.container {
  max-width: var(--container-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (max-width: 768px) {
  .container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}