:root {
  --bg: #ffffff;
  --text: #111111;
  --surface: #f5f5f5;
  --border: #dddddd;
  --accent: #2563eb;
}

/* ---------- HERO BACKGROUNDS ---------- */
:root {
  --hero-grad-start: #0a0f1a;
  --hero-grad-mid:   #0f172a;
  --hero-grad-end:   #1e293b;

  --shorten-grad-start: #1a3352;
  --shorten-grad-end:   #0e1624;
}

/* Sepia theme */
[data-theme="sepia"] {
  --hero-grad-start: #3a3328;
  --hero-grad-mid:   #4a4032;
  --hero-grad-end:   #5a4b38;

  --shorten-grad-start: #4a3f33;
  --shorten-grad-end:   #3b3127;
}

:root {
  --landing-surface: linear-gradient(
    180deg,
    #0b1f33,
    #071826
  );

  --landing-card: #13263b;
}

[data-theme="sepia"] {
  --landing-surface: linear-gradient(
    180deg,
    #4a4032,
    #3a3127
  );

  --landing-card: #3f352a;
}

:root {
  --btn-primary-bg: linear-gradient(180deg, #6b8cff, #4fa3ff);
  --btn-secondary-bg: #1c2f45;
  --btn-tertiary-border: #4fa3ff;

  --btn-text: #ffffff;
}

[data-theme="sepia"] {
  --btn-primary-bg: linear-gradient(180deg, #8b6f4e, #6f583f);
  --btn-secondary-bg: #3f352a;
  --btn-tertiary-border: #8b6f4e;

  --btn-text: #f5efe6;
}