/* SAMPLE THEME
 * Copy this entire folder and rename the copy using lowercase letters and hyphens.
 * Keep this file named theme.css. Put theme images in the images folder.
 * Example path: url("images/background.webp")
 */
:root {
  /* Main colors */
  --theme-background: #f2ede3;
  --theme-surface: #fffaf0;
  --theme-text: #22302a;
  --theme-muted: #68736d;
  --theme-border: #d1c6b4;
  --theme-primary: #3c7161;
  --theme-primary-hover: #285346;
  /* Component colors */
  --theme-header-bg: rgba(242, 237, 227, .94);
  --theme-input-bg: #ffffff;
  --theme-input-border: #bdb19f;
  --theme-danger-bg: #f9e1dd;
  --theme-danger-border: #df9e93;
  --theme-success-bg: #dff0e4;
  --theme-success-border: #91c3a0;
  /* Typography */
  --theme-heading-font: Georgia, "Times New Roman", serif;
  --theme-body-font: Inter, Arial, sans-serif;
  --theme-body-line-height: 1.55;
  --theme-lyrics-line-height: 1.85;
  /* Shape and depth */
  --theme-radius: 8px;
  --theme-button-radius: 5px;
  --theme-shadow: 0 12px 35px rgba(34, 48, 42, .10);
  --theme-transition: .15s;
  /* Layout */
  --theme-page-width: 1100px;
  --theme-reading-width: 760px;
  --theme-header-height: 76px;
  --theme-card-padding: 28px;
}
/* Optional image example:
body { background-image: url("images/background.webp"); background-size: cover; }
*/