@font-face {
  font-family: 'OpenDyslexic';
  src: url('../assets/fonts/opendyslexic-0.92/OpenDyslexic-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenDyslexic';
  src: url('../assets/fonts/opendyslexic-0.92/OpenDyslexic-Bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Comic Sans MS';
  src: url('../assets/fonts/Comic Sans MS/Comic Sans MS.ttf') format('truetype');
}

/* The Letter Key - Theme Settings */
:root {
  /* Default settings (Sunset Gold / Parchment base) */
  --bg-gradient: linear-gradient(135deg, #fceabb 0%, #f8b500 100%);
  --text-color: #3e2723;
  
  --glass-bg: rgba(255, 255, 255, 0.4);
  --glass-border: rgba(255, 255, 255, 0.6);
  --glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.2);

  --success-color: #2e7d32;
  --warning-color: #e65100;
  --danger-color: #c62828;
  --primary-color: #ef6c00;

  /* Spacing & Typography Defaults */
  --font-family: 'Lexend', sans-serif;
  --letter-spacing: 0.05em;
  --line-height: 1.6;
  --base-font-size: 18px;
}

[data-theme="mint"] {
  /* Aurora Green */
  --bg-gradient: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
  --text-color: #003300;
  --glass-bg: rgba(255, 255, 255, 0.25);
  --glass-border: rgba(255, 255, 255, 0.4);
  --glass-shadow: 0 8px 32px 0 rgba(0, 50, 0, 0.2);
  --primary-color: #004d40;
  --warning-color: #f57f17;
}

[data-theme="sky"] {
  /* Ocean Blue */
  --bg-gradient: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%);
  --text-color: #ffffff;
  --glass-bg: rgba(255, 255, 255, 0.15);
  --glass-border: rgba(255, 255, 255, 0.3);
  --glass-shadow: 0 8px 32px 0 rgba(0, 0, 100, 0.3);
  --primary-color: #ffd54f;
  --success-color: #69f0ae;
}

[data-theme="dark"] {
  /* Midnight Neon */
  --bg-gradient: linear-gradient(135deg, #141e30 0%, #243b55 100%);
  --text-color: #e0e0e0;
  --glass-bg: rgba(0, 0, 0, 0.4);
  --glass-border: rgba(255, 255, 255, 0.1);
  --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.6);
  --primary-color: #00e5ff;
  --success-color: #00e676;
  --danger-color: #ff1744;
}

/* Font Choices */
[data-font="lexend"] { --font-family: 'Lexend', sans-serif; }
[data-font="arial"] { --font-family: 'Arial', sans-serif; }
[data-font="comic-neue"] { --font-family: 'Comic Neue', cursive, sans-serif; }
[data-font="andika"] { --font-family: 'Andika', sans-serif; }
[data-font="times-new-roman"] { --font-family: 'Times New Roman', serif; }
[data-font="verdana"] { --font-family: 'Verdana', sans-serif; }
[data-font="georgia"] { --font-family: 'Georgia', serif; }
[data-font="roboto"] { --font-family: 'Roboto', sans-serif; }
[data-font="kalam"] { --font-family: 'Kalam', cursive; }
[data-font="caveat"] { --font-family: 'Caveat', cursive; }
[data-font="waiting-for-the-sunrise"] { --font-family: 'Waiting for the Sunrise', cursive; }
[data-font="balsamiq-sans"] { --font-family: 'Balsamiq Sans', cursive; }
[data-font="press-start-2p"] { --font-family: 'Press Start 2P', cursive; }
[data-font="comic-sans-ms"] { --font-family: 'Comic Sans MS', cursive, sans-serif; }
[data-font="opendyslexic"] { --font-family: 'OpenDyslexic', 'Comic Sans MS', sans-serif; }

/* Global Apply */
body {
  font-family: var(--font-family);
  background: var(--bg-gradient);
  background-attachment: fixed;
  color: var(--text-color);
  font-size: var(--base-font-size);
  letter-spacing: var(--letter-spacing);
  line-height: var(--line-height);
  transition: background 0.5s ease, color 0.5s ease, font-family 0.3s ease;
}