/* ============================================================
   THEME: PRECISE — "The Drafting Table"
   Architectural precision, blueprint aesthetics, sharp corners
   ============================================================ */

[data-theme="precise"] {
  /* Colors */
  --bg: #f8f9fa;
  --surface: #f8f9fa;
  --surface-container-low: #f1f4f6;
  --surface-container-high: #e3e9ec;
  --primary: #5d5e61;
  --primary-dim: #515255;
  --on-surface: #2b3437;
  --on-surface-variant: #586064;
  --on-primary: #f7f7fa;
  --accent: #15696d;
  --accent-secondary: #cfe6f2;
  --outline-variant: #abb3b7;
  --outline: #737c7f;

  /* Typography */
  --font-headline: 'Space Grotesk', sans-serif;
  --font-body: 'Work Sans', sans-serif;
  --font-label: 'Space Grotesk', sans-serif;
  --font-signature: 'Nanum Pen Script', cursive;

  /* Shape */
  --radius: 0px;

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

/* Blueprint grid background */
[data-theme="precise"] body {
  background-color: #f8f9fa;
  background-image:
    linear-gradient(to right, rgba(171, 179, 183, 0.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(171, 179, 183, 0.05) 1px, transparent 1px);
  background-size: 5.5rem 5.5rem;
}

/* Header */
[data-theme="precise"] .site-header {
  background: #f8f9fa;
}

[data-theme="precise"] .site-title {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  letter-spacing: -0.04em;
}

/* Content label with signature font */
[data-theme="precise"] .content-label {
  font-family: 'Nanum Pen Script', cursive;
  font-size: 1.5rem;
  letter-spacing: 0;
  text-transform: none;
  opacity: 0.6;
}

/* Main quote */
[data-theme="precise"] .content-quote {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 300;
  letter-spacing: -0.02em;
}

/* Architectural accent lines */
[data-theme="precise"] .content-container::before {
  content: '';
  position: absolute;
  left: -2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 6rem;
  background: #abb3b7;
  opacity: 0.2;
}

/* Footer with signature font */
[data-theme="precise"] .site-footer {
  justify-content: space-between;
}

[data-theme="precise"] .footer-text {
  font-family: 'Space Grotesk', sans-serif;
}

/* Dropdown styling */
[data-theme="precise"] .theme-selector {
  background-color: transparent;
  border-color: transparent;
}

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

/* Selection color */
[data-theme="precise"] ::selection {
  background: #cfe6f2;
  color: #40555f;
}

@media (max-width: 768px) {
  [data-theme="precise"] .content-container::before {
    display: none;
  }
}