/* Custom fonts and styling tokens for IJRDO - ISSHR theme */
:root {
  --color-sage-50: #f4f7f5;
  --color-sage-100: #e5ece7;
  --color-sage-200: #cdddd2;
  --color-sage-300: #a7c3b1;
  --color-sage-400: #7ba48b;
  --color-sage-500: #568569;
  --color-sage-600: #416a52;
  --color-sage-700: #345542;
  --color-sage-800: #2c4537;
  --color-sage-900: #1b3827;
  --color-sage-950: #112218;

  --color-lightgrey-50: #fafafa;
  --color-lightgrey-100: #f4f5f6;
  --color-lightgrey-200: #eaebee;
  --color-lightgrey-300: #dcdee2;
  --color-lightgrey-400: #c5c8cf;
  --color-lightgrey-500: #9ea3ad;
  --color-lightgrey-600: #717682;
  --color-lightgrey-700: #525763;
  --color-lightgrey-800: #343842;
  --color-lightgrey-900: #1e2126;
}

body.ijrdosshr-body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background-color: #f0f2f1;
  color: var(--color-lightgrey-800);
  margin: 0;
  padding: 0;
}

/* Vintage Paper Background & Fine Etching Backdrop */
.hero-etching-canvas {
  background-color: #dededc;
  background-image: 
    radial-gradient(ellipse at center, rgba(255,255,255,0.72) 0%, rgba(218,220,217,0.95) 100%),
    url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");
}

.hero-art-backdrop {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/* 3D Journal Book Perspective */
.perspective-stage {
  perspective: 1200px;
}
.journal-book-3d {
  transform-style: preserve-3d;
  transform: rotateY(-14deg) rotateX(4deg);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  box-shadow: -18px 24px 38px -6px rgba(17, 34, 24, 0.35), 
              -4px 6px 14px -2px rgba(0, 0, 0, 0.2);
}
.journal-book-3d:hover {
  transform: rotateY(-4deg) rotateX(2deg) translateY(-6px) scale(1.02);
  box-shadow: -24px 32px 48px -4px rgba(17, 34, 24, 0.45), 
              -6px 10px 20px -2px rgba(0, 0, 0, 0.25);
}
.journal-spine-3d {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 18px;
  transform: translateX(-100%) rotateY(-90deg);
  transform-origin: right;
  background: linear-gradient(to right, #112218, #1b3827, #2c4537);
}

/* Editorial subtle borders */
.editorial-border {
  border: 1px solid rgba(65, 106, 82, 0.16);
  box-shadow: 0 4px 20px -2px rgba(44, 69, 55, 0.05);
}

/* Typography helper classes */
.font-serif-academic {
  font-family: 'Cormorant Garamond', Georgia, serif;
}
.font-sans-ui {
  font-family: 'Plus Jakarta Sans', sans-serif;
}