/*
Theme Name: Aura & Axis
Description: A clean, grid-based editorial theme for written reports and courses.
Author: Gigi
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap');

:root {
  --cream: #FDFBF7;
  --text-dark: #2A2825;
  --border-neutral: #E0D9CC;
  --sage: #B5C2B4;
  --soft-blue: #BACED9;
  --warm-neutral: #DCD4C7;
}

body {
  background-color: var(--cream);
  color: var(--text-dark);
  font-family: 'Space Mono', monospace;
  font-size: 0.875rem;
}

.font-serif { font-family: 'Cormorant Garamond', serif; }
.font-mono { font-family: 'Space Mono', monospace; }

/* Subtle Grain Overlay */
.grain-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 50;
  opacity: 0.35;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
}

/* Custom grid borders */
.grid-border-t { border-top: 1px solid var(--border-neutral); }
.grid-border-b { border-bottom: 1px solid var(--border-neutral); }
.grid-border-l { border-left: 1px solid var(--border-neutral); }
.grid-border-r { border-right: 1px solid var(--border-neutral); }

/* Form styling */
input, textarea, select {
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--border-neutral);
  padding: 1rem 0;
  font-family: 'Space Mono', monospace;
  color: var(--text-dark);
  width: 100%;
  outline: none;
  border-radius: 0;
}
input:focus, textarea:focus, select:focus {
  border-bottom-color: var(--text-dark);
}
/* Custom Plus-Sign List Styling for Editor Content */
.prose ul {
  list-style: none;
  padding-left: 0;
}
.prose ul li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.75rem;
  color: #555;
}
.prose ul li::before {
  content: '+';
  position: absolute;
  left: 0;
  top: 0px;
  color: var(--sage);
  font-family: 'Space Mono', monospace;
  font-size: 1.1rem;
  font-weight: bold;
}