/* Direction: study-lamp academic — warm ivory paper, deep navy ink, a burnt-amber
   accent like highlighter on a worksheet. Serif display for warmth, clean grotesk
   for the dashboards. */
/* Completed by the platform from the short form: both modes, every
   palette token, each text-on-ground pair at its floor. To restyle, write the
   short form again (the decisions in one :root) and it is completed again. */

:root {
  --canvas: #faf6ee;
  --surface: #ffffff;
  --surface-2: #f2ead9;
  --border: #e6dcc8;
  --border-strong: #d8caa9;
  --ink: #241d13;
  --muted: #6b6156;
  --accent: #c1682b;
  --accent-hover: #a45825;
  --accent-ink: #1b0f06;
  --accent-text: #9b4e1d;
  --accent-strong: #8a4315;
  --accent-soft: #f4e0c8;
  --accent-border: #e0b696;
  --success: #2f7d5a;
  --success-ink: #ffffff;
  --success-soft: #e2e7dc;
  --success-strong: #2b7353;
  --warning: #b8862f;
  --warning-ink: #241d13;
  --warning-soft: #f2e9d7;
  --warning-strong: #846022;
  --danger: #c0473b;
  --danger-ink: #ffffff;
  --danger-soft: #f3e1d9;
  --danger-strong: #b14136;
  --chart-1: #c1682b;
  --chart-2: #909416;
  --chart-3: #187d65;
  --chart-4: #1999ca;
  --chart-5: #6b57af;
  --chart-6: #cf6d9c;

  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Inter", system-ui, sans-serif;
  --radius-card: 18px;
  --radius-btn: 10px;
  --radius-input: 10px;
  --x-navy: #1c2b45;
  --x-navy-ink: #eef1f6;
  --x-on-photo: #ffffff;
  --x-gold: #d69a3f;
  --gradient-hero: linear-gradient(160deg, #1c2b45 0%, #24365a 55%, #2c3e63 100%);
  --font-mono: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-sans: "Inter", system-ui, sans-serif;
  --display-weight: 700;
  --display-tracking: -0.02em;
  --eyebrow-tracking: 0.08em;
}

html[data-theme="dark"] {
  --canvas: #110903;
  --surface: #29221c;
  --surface-2: #1d1510;
  --border: #322b26;
  --border-strong: #58534f;
  --ink: #faf6ee;
  --muted: #9d9790;
  --accent: #c1682b;
  --accent-hover: #ca7f4b;
  --accent-ink: #1b0f06;
  --accent-text: #cb7f4c;
  --accent-strong: #cb7f4c;
  --accent-soft: #381e0c;
  --accent-border: #603415;
  --success: #2f7d5a;
  --success-ink: #ffffff;
  --success-soft: #182316;
  --success-strong: #5d9a7e;
  --warning: #b8862f;
  --warning-ink: #ffffff;
  --warning-soft: #36250d;
  --warning-strong: #b8862f;
  --danger: #c0473b;
  --danger-ink: #ffffff;
  --danger-soft: #38170f;
  --danger-strong: #ce7066;
  --chart-1: #c1682b;
  --chart-2: #a2a632;
  --chart-3: #109678;
  --chart-4: #11a6dc;
  --chart-5: #826fca;
  --chart-6: #d976a5;
}

/*
 * app.css — LenWithMe Tutoring: the ruled-paper hero texture, the countdown
 * pulse on the next-session card, and the application wizard's step dots.
 */

.paper-rule {
  background-image: repeating-linear-gradient(
    to bottom,
    transparent 0px,
    transparent 27px,
    color-mix(in srgb, var(--x-gold) 18%, transparent) 28px
  );
}

@keyframes pulse-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.55; transform: scale(0.85); }
}
.live-dot { animation: pulse-dot 1.6s ease-in-out infinite; }

.step-dot { transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease; }