/* The studio's look, in one place (Nov 13, 2026).
   Every page loads this file first: the student app, the staff app, the public schedule and the
   rental pages. Change a color here and it changes everywhere. A page may override a value after
   it (the student pages and rental pages do, for a few values; see their own :root lines).

   Emails and the rental PDFs can't read this file: their colors are in core/theme.py. */

:root {
  /* Brand: elmotivola.com */
  --olive: #292c00;        /* the website's background: headers, dark buttons */
  --olive-2: #3b3f08;      /* a step lighter, for hovers and dark-on-dark */
  --lime: #d5e602;         /* the website's "Book a Class" button */
  --sage: #b8bc7f;
  --accent: #5a5e1c;       /* links and chosen things, readable on white */
  --accent-soft: #f0f2da;  /* pale tint behind chosen things */
  --on-dark: #f4f1e4;      /* cream text on the dark olive */

  /* Text and surfaces */
  --ink: #1f2012;          /* main text */
  --muted: #6f705e;        /* secondary text */
  --line: #e4e4d8;         /* borders and dividers */
  --page: #f6f6f0;         /* the page behind the cards */
  --card: #ffffff;

  /* Shades: fills, lines and softer text (step 3 of the clean-up, Nov 14) */
  --fill-1: #fafaf5;   /* faintest fill: table heads, quiet boxes */
  --fill-2: #f3f3ee;   /* soft fill: hovers, quiet buttons */
  --fill-3: #f0f0e8;   /* fill */
  --fill-4: #ecece4;   /* stronger fill: pills, switches */
  --line-2: #e3e3d6;   /* line, a step darker than --line */
  --line-3: #dcdccf;   /* input borders */
  --line-4: #d6d6c8;   /* strong line */
  --line-5: #b9baa8;   /* strongest line, faint marks */
  --ink-2: #3b3c2c;    /* text a step softer than --ink */
  --muted-2: #5c5d50;  /* between --ink-2 and --muted */
  --muted-3: #8a8b78;  /* faint text: hints, inactive tabs */
  --sage-ink: #8a8b64; /* labels on the dark sidebar */
  --tint-1: #fbfde6;   /* faintest olive tint */
  --tint-2: #f1f3d6;   /* olive tint */
  --tint-green: #e3efd6;/* green-olive tint */
  --accent-ink: #4a4e10;/* icons and text on --accent-soft */

  /* Fonts (the Google Fonts link on each page loads them) */
  --font-display: "Archivo Black", Inter, sans-serif;   /* page titles and the wordmark */
  --font-text: Inter, system-ui, -apple-system, sans-serif;

  /* Shapes */
  --radius: 14px;
  --shadow: 0 1px 2px rgba(41, 44, 0, 0.05), 0 4px 16px rgba(41, 44, 0, 0.04);

  /* Status colors (background, then text) */
  --applied: #f0f0ea;   --applied-ink: #5c5d50;
  --waitlisted: #e3ecf7; --waitlisted-ink: #2c4f7a;
  --offered: #fdf3d3;   --offered-ink: #7a5a00;
  --confirmed: #e5f2dc; --confirmed-ink: #3a6a17;
  --expired: #fbe4e1;   --expired-ink: #a3281c;
  --cancelled: #eeeeee; --cancelled-ink: #6b6b6b;
  --comp: #efe6f7;      --comp-ink: #5e3b85;
}