/* ============================================
   BASE STYLESHEET - SHARED ACROSS ALL PAGES
   ============================================ */

/* Color System - Bahaus */
:root {
  --gray-400: #9A8B78;
  --gray-500: #7A6D5E;
  --gray-600: #5A5044;
  --gray-700: #403729;
  --gray-800: #33291C;
  --gray-900: #261D11;
  
  /* Cyan - derived from #0477BF (blue) */
  --cyan-300: #5AA3D4;
  --cyan-400: #0477BF;
  --cyan-500: #035994;
  
  /* Purple - derived from #A6290D (red/rust) */
  --purple-400: #D45A3D;
  --purple-500: #A6290D;
  --purple-600: #7D1F0A;
  --purple-900: #4A1206;
  
  /* Red - derived from #A6290D */
  --red-300: #D46B55;
  --red-400: #C44425;
  --red-500: #A6290D;
  --red-600: #7D1F0A;
  
  /* Green - warm olive to match palette feel */
  --green-500: #7A8C47;
  --green-600: #5E6D36;
  
  /* Yellow - from #F2B705 */
  --yellow-400: #F2B705;
  
  /* Base */
  --black: #261D11;
  --white: #FAF8F5;
}

/* Base Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background-color: var(--black);
  color: var(--white);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
  /* Bauhaus parallel lines SVG background - concentric quarter-circle arcs */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 1080' preserveAspectRatio='xMidYMid slice'%3E%3Cpath d='M0 640 L500 640 A50 50 0 0 0 550 590 L550 0' stroke='%230477BF' stroke-width='8' fill='none' opacity='0.5'/%3E%3Cpath d='M0 660 L500 660 A70 70 0 0 0 570 590 L570 0' stroke='%23F2B705' stroke-width='8' fill='none' opacity='0.5'/%3E%3Cpath d='M0 680 L500 680 A90 90 0 0 0 590 590 L590 0' stroke='%23A6290D' stroke-width='8' fill='none' opacity='0.5'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Links */
a {
  color: var(--cyan-400);
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  color: var(--cyan-500);
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: var(--white);
  margin: 0;
}

/* Common Utilities */
.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.transition-all {
  transition: all 0.3s ease;
}