/* ============================================================
   THEME: TIMELESS — "The Digital Curator / Sanctuary"
   Warm parchment, archival serif, centered eternal feel
   ============================================================ */

[data-theme="timeless"] {
  /* Colors */
  --bg: #fff9ed;
  --surface: #fff9ed;
  --surface-container-low: #fcf3d8;
  --surface-container-high: #f1e8cd;
  --primary: #333434;
  --primary-dim: #4a4a4a;
  --on-surface: #1f1c0b;
  --on-surface-variant: #444748;
  --on-primary: #ffffff;
  --accent: #6d5c45;
  --accent-secondary: #f4dcc0;
  --outline-variant: #c4c7c7;
  --outline: #747878;

  /* Typography */
  --font-headline: 'Newsreader', serif;
  --font-body: 'Noto Serif', serif;
  --font-label: 'Manrope', sans-serif;
  --font-signature: 'Newsreader', serif;

  /* Shape */
  --radius: 0.125rem;

  /* Decorative */
  --texture-opacity: 0;
  --grain-opacity: 0.03;
  --glow-opacity: 0;
}

[data-theme="timeless"] body {
  background-color: #fff9ed;
}

[data-theme="timeless"] .site-header {
  background: #fff9ed;
}

/* Italic serif title */
[data-theme="timeless"] .site-title {
  font-family: 'Newsreader', serif;
  font-weight: 300;
  font-style: italic;
  letter-spacing: -0.02em;
  color: #333434;
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
}

/* Content label */
[data-theme="timeless"] .content-label {
  font-family: 'Manrope', sans-serif;
  color: #747878;
}

/* Subtle tinted background container */
[data-theme="timeless"] .content-container {
  position: relative;
  padding: clamp(2.5rem, 6vw, 5rem) clamp(1.5rem, 5vw, 5rem);
}

[data-theme="timeless"] .content-container::before {
  content: '';
  position: absolute;
  inset: 0;
  background: #fcf3d8;
  opacity: 0.4;
  border-radius: 0.75rem;
  z-index: -1;
}

/* Large italic serif quote */
[data-theme="timeless"] .content-quote {
  font-family: 'Newsreader', serif;
  font-weight: 300;
  font-style: italic;
  letter-spacing: -0.02em;
  line-height: 1.15;
  color: #333434;
}

/* Footer annotation */
[data-theme="timeless"] .content-footer-line {
  background: #c4c7c7;
  opacity: 0.3;
}

[data-theme="timeless"] .content-footer-text {
  font-family: 'Manrope', sans-serif;
  color: #747878;
}

/* Site footer */
[data-theme="timeless"] .footer-text {
  font-family: 'Manrope', sans-serif;
  color: #c4c7c7;
}

/* Large decorative numeral */
[data-theme="timeless"] .site-footer::after {
  content: '03';
  position: fixed;
  bottom: 3rem;
  right: 3rem;
  font-family: 'Newsreader', serif;
  font-size: 6rem;
  font-style: italic;
  color: #1f1c0b;
  opacity: 0.04;
  pointer-events: none;
  line-height: 1;
}

/* Dropdown */
[data-theme="timeless"] .theme-selector {
  background-color: transparent;
  font-family: 'Manrope', sans-serif;
}

[data-theme="timeless"] .theme-selector:hover {
  background-color: #f1e8cd;
}

/* Selection */
[data-theme="timeless"] ::selection {
  background: #f1e8cd;
  color: #1f1c0b;
}

@media (max-width: 768px) {
  [data-theme="timeless"] .site-footer::after {
    display: none;
  }
  
  [data-theme="timeless"] .content-container {
    padding: 1.5rem;
  }
}