/* Evernote-inspired — earthy, warm (https://evernote.com/) */
body.theme-evernote {
  --evernote-green: #2dbe60;
  --evernote-green-hover: #26a855;
  --evernote-green-dark: #1a7a42;
  --evernote-green-tint: #e8f6ed;
  --cream: #faf8f4;
  --cream-warm: #f3efe6;
  --sand: #ebe6dc;
  --paper: #ffffff;
  --warm-border: #e3ddd2;
  --text-heading: #1f1c18;
  --text-primary: #3d3832;
  --text-muted: #6f6860;
  --text-subtle: #8a8278;

  --accent: var(--evernote-green);
  --accent-strong: var(--evernote-green-dark);
  --forest: var(--text-primary);
  --forest-deep: var(--text-heading);
  --text-on-mist: var(--text-primary);
  --text-soft: var(--text-muted);
  --text-light: var(--text-heading);
  --text-muted-light: var(--text-subtle);
  --white: var(--paper);
  --white-soft: var(--paper);
  --white-glass: rgba(255, 255, 255, 0.92);
  --white-border: var(--warm-border);
  --shadow-soft: 0 4px 20px rgba(62, 52, 40, 0.08);
  --shadow-lift: 0 14px 40px rgba(62, 52, 40, 0.12);

  background: linear-gradient(
    180deg,
    var(--cream) 0%,
    var(--cream-warm) 45%,
    var(--sand) 100%
  );
  background-attachment: fixed;
  color: var(--text-primary);
}

body.theme-evernote ::selection {
  background: color-mix(in srgb, var(--evernote-green) 28%, transparent);
  color: var(--text-heading);
}

body.theme-evernote a {
  color: var(--evernote-green-dark);
}

body.theme-evernote a:hover {
  color: var(--evernote-green-hover);
}

/* Header */
body.theme-evernote .site-header.is-scrolled {
  background: rgba(255, 255, 255, 0.92);
  border-color: var(--warm-border);
  box-shadow: var(--shadow-soft);
}

body.theme-evernote .logo {
  color: var(--evernote-green-dark);
  text-shadow: none;
}

body.theme-evernote .site-header:not(.is-scrolled) .logo {
  color: var(--evernote-green-dark);
}

body.theme-evernote .nav-desktop a {
  color: var(--text-muted);
}

body.theme-evernote .site-header:not(.is-scrolled) .nav-desktop a {
  color: var(--text-muted);
}

body.theme-evernote .nav-desktop a:hover,
body.theme-evernote .site-header:not(.is-scrolled) .nav-desktop a:hover {
  color: var(--evernote-green-dark);
  text-decoration: none;
}

body.theme-evernote .nav-toggle {
  color: var(--text-primary);
}

body.theme-evernote .site-header:not(.is-scrolled) .nav-toggle {
  color: var(--text-primary);
}

body.theme-evernote .nav-mobile {
  border-color: var(--warm-border);
}

body.theme-evernote .nav-mobile a {
  color: var(--text-heading);
}

/* Buttons */
body.theme-evernote .btn {
  background: var(--evernote-green);
  color: var(--paper);
  border: none;
  box-shadow: 0 2px 12px rgba(45, 190, 96, 0.35);
}

body.theme-evernote .btn:hover {
  background: var(--evernote-green-hover);
  color: var(--paper);
  text-decoration: none;
}

body.theme-evernote .btn-primary {
  background: var(--evernote-green);
  color: var(--paper);
}

body.theme-evernote .btn-outline {
  background: var(--paper);
  border: 2px solid var(--evernote-green);
  color: var(--evernote-green-dark);
  box-shadow: var(--shadow-soft);
}

body.theme-evernote .btn-outline:hover {
  background: var(--evernote-green-tint);
  border-color: var(--evernote-green-dark);
  color: var(--evernote-green-dark);
}

body.theme-evernote .site-header.is-scrolled .btn-outline {
  background: var(--paper);
  border: 2px solid var(--evernote-green);
  color: var(--evernote-green-dark);
}

body.theme-evernote .site-header.is-scrolled .btn-outline:hover {
  background: var(--evernote-green-tint);
}

/* Hero */
body.theme-evernote .hero::before {
  background: linear-gradient(
    135deg,
    rgba(232, 246, 237, 0.7) 0%,
    rgba(250, 248, 244, 0.5) 50%,
    rgba(235, 230, 220, 0.4) 100%
  );
}

body.theme-evernote .hero-glow {
  background:
    radial-gradient(ellipse 65% 55% at 15% 25%, rgba(45, 190, 96, 0.12), transparent),
    radial-gradient(ellipse 50% 45% at 90% 80%, rgba(227, 221, 210, 0.5), transparent);
}

body.theme-evernote .hero .eyebrow {
  color: var(--evernote-green-dark);
}

body.theme-evernote .hero h1 {
  color: var(--text-heading);
  font-weight: 400;
}

body.theme-evernote .hero-tagline {
  color: var(--text-primary);
}

body.theme-evernote .hero-lead {
  color: var(--text-muted);
}

body.theme-evernote .product-banner {
  color: var(--text-muted);
}

body.theme-evernote .product-banner a {
  color: var(--evernote-green-dark);
  text-decoration: underline;
}

body.theme-evernote .product-banner a:hover {
  color: var(--evernote-green-hover);
}

body.theme-evernote .hero-shot {
  border: 1px solid var(--warm-border);
  box-shadow: var(--shadow-lift);
}

/* Sections */
body.theme-evernote .section-header h2,
body.theme-evernote #about .section-header h2 {
  color: var(--text-heading);
}

body.theme-evernote .section-header p {
  color: var(--text-muted);
}

body.theme-evernote .eyebrow,
body.theme-evernote #about .eyebrow,
body.theme-evernote #features .eyebrow,
body.theme-evernote #download .eyebrow {
  color: var(--evernote-green-dark);
}

body.theme-evernote .section-alt {
  background: var(--evernote-green-tint);
}

body.theme-evernote .section-alt .section-header h2,
body.theme-evernote .section-alt .section-header p {
  color: var(--text-heading);
}

body.theme-evernote .section-alt .eyebrow {
  color: var(--evernote-green-dark);
}

/* Highlight cards */
body.theme-evernote .highlight-card {
  background: var(--paper);
  border: 1px solid var(--warm-border);
  backdrop-filter: none;
}

body.theme-evernote .highlight-card:hover {
  border-color: color-mix(in srgb, var(--evernote-green) 45%, var(--warm-border));
  box-shadow: var(--shadow-lift);
}

body.theme-evernote .highlight-card img {
  border-bottom-color: var(--warm-border);
}

body.theme-evernote .highlight-card h3 {
  color: var(--text-heading);
}

body.theme-evernote .highlight-card p {
  color: var(--text-muted);
}

body.theme-evernote .highlight-card-hint {
  color: var(--evernote-green-dark);
}

body.theme-evernote .experience-row:hover {
  background-color: var(--paper);
}

/* Feature cards */
body.theme-evernote .feature-card {
  background: var(--paper);
  border: 1px solid var(--warm-border);
  backdrop-filter: none;
}

body.theme-evernote .feature-card:hover {
  border-color: color-mix(in srgb, var(--evernote-green) 35%, var(--warm-border));
}

body.theme-evernote .feature-card h3 {
  color: var(--evernote-green-dark);
}

body.theme-evernote .feature-card p {
  color: var(--text-muted);
}

body.theme-evernote .feature-card .learn-more {
  color: var(--evernote-green-dark);
}

/* Gallery */
body.theme-evernote .gallery-item {
  border: 1px solid var(--warm-border);
  background: var(--paper);
}

body.theme-evernote .gallery-item:hover {
  border-color: var(--evernote-green);
}

body.theme-evernote .gallery-caption {
  color: var(--text-heading);
  background: var(--cream-warm);
  backdrop-filter: none;
}

/* Download */
body.theme-evernote .download-panel {
  background: var(--paper);
  border: 1px solid var(--warm-border);
  backdrop-filter: none;
}

body.theme-evernote .download-panel h2 {
  color: var(--text-heading);
}

body.theme-evernote .download-panel p,
body.theme-evernote .download-note {
  color: var(--text-muted);
}

/* Footer */
body.theme-evernote .site-footer {
  border-top-color: var(--warm-border);
  color: var(--text-muted);
}

body.theme-evernote .site-footer a {
  color: var(--evernote-green-dark);
}

body.theme-evernote .site-footer a:hover {
  color: var(--evernote-green-hover);
}

/* Highlight modal */
body.theme-evernote .highlight-modal-backdrop {
  background: rgba(45, 40, 35, 0.55);
}

body.theme-evernote .highlight-modal-dialog {
  background: var(--paper);
  border-color: var(--warm-border);
}

body.theme-evernote .highlight-modal-title {
  color: var(--text-heading);
}

body.theme-evernote .highlight-modal-text {
  color: var(--text-muted);
}

body.theme-evernote .highlight-modal-text a {
  color: var(--evernote-green-dark);
}

body.theme-evernote .highlight-modal-close {
  background: var(--cream-warm);
  color: var(--text-primary);
}

body.theme-evernote .highlight-modal-close:hover {
  background: var(--evernote-green-tint);
  color: var(--evernote-green-dark);
}

body.theme-evernote .highlight-modal-image {
  border-bottom-color: var(--warm-border);
}

/* Lightbox */
body.theme-evernote .lightbox {
  background: rgba(45, 40, 35, 0.75);
}

body.theme-evernote .lightbox-caption {
  color: var(--cream);
}

body.theme-evernote .lightbox-close {
  color: var(--cream);
}

body.theme-evernote .lightbox-close:hover {
  color: var(--evernote-green);
}

body.theme-evernote .lightbox img {
  border-color: var(--warm-border);
}

/* Nav underline accent */
body.theme-evernote .nav-link-line {
  background: var(--evernote-green);
}

body.theme-evernote .hover-link::after {
  background: var(--evernote-green);
}

body.theme-evernote .hover-link:hover {
  color: var(--evernote-green-dark);
}