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

/* Color System - Fall Muted Palette */
:root {
  --gray-400: #a8a29e;
  --gray-500: #78716c;
  --gray-600: #57534e;
  --gray-700: #44403c;
  --gray-800: #292524;
  --gray-900: #1c1917;
  --cyan-300: #d4a574;
  --cyan-400: #c68642;
  --cyan-500: #b87333;
  --purple-400: #a8858e;
  --purple-500: #8b6f7d;
  --purple-600: #6d5466;
  --purple-900: #4a3842;
  --red-300: #d4a59a;
  --red-400: #c17b6e;
  --red-500: #a85a4a;
  --red-600: #8b4838;
  --green-500: #7a9b76;
  --green-600: #5f7a5c;
  --yellow-400: #d4a373;
  --black: #1a1512;
  --white: #faf8f5;
}

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

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Arial, sans-serif;
  background: linear-gradient(to bottom right, var(--gray-900), var(--purple-900), var(--gray-900));
  background-attachment: fixed;
  color: var(--white);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 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;
}