/* ============================================
   shared.css
   Styles duplicated across multiple HTML files.
   ============================================ */

/* --------------------------------------------
   1. CSS Reset
   Found in all 13 files.
   -------------------------------------------- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* --------------------------------------------
   2. CSS Custom Properties
   Repeated color values extracted as variables.
   -------------------------------------------- */
:root {
  --gold: #c9a84c;
  --dark: #08070a;
  --text: #f0e8d8;
  --text-50: rgba(240, 232, 216, 0.5);
  --text-40: rgba(240, 232, 216, 0.4);
  --text-35: rgba(240, 232, 216, 0.35);
  --text-30: rgba(240, 232, 216, 0.3);
  --gold-40: rgba(201, 168, 76, 0.4);
  --gold-border: rgba(201, 168, 76, 0.3);
  --gold-bg: rgba(201, 168, 76, 0.06);
  --border: rgba(255, 255, 255, 0.07);
  --purple: #a78bfa;
}

/* --------------------------------------------
   3. Smooth Scroll
   Common scroll behavior.
   -------------------------------------------- */
html {
  scroll-behavior: smooth;
}

/* --------------------------------------------
   4. Common Body Style
   Properties shared across 11+ dark-themed files.
   Pages that need overrides (max-width, padding,
   overflow-x, etc.) keep them in their own
   <style> block.
   -------------------------------------------- */
body {
  background: var(--dark);
  color: var(--text);
  font-family: 'Hiragino Sans', 'Noto Sans JP', sans-serif;
  line-height: 1.8;
}

/* --------------------------------------------
   5. Back Home Button
   Duplicated as inline styles in 7 files.
   Apply class="back-home" to the <a> element
   and remove the inline style attribute.
   -------------------------------------------- */
.back-home {
  position: fixed;
  top: 16px;
  left: 16px;
  z-index: 9999;
  background: rgba(8, 7, 10, 0.85);
  border: 1px solid rgba(201, 168, 76, 0.3);
  border-radius: 20px;
  padding: 8px 16px;
  color: #c9a84c;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  font-family: 'Hiragino Sans', sans-serif;
  backdrop-filter: blur(8px);
}