/* The studio's look, in one place: "forest & cream" (adopted Nov 14, 2026; before that it was
   elmotivola.com's olive and chartreuse).
   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).

   The rental PDFs and the phone's top bar can't read this file: their colors are in core/theme.py. */

:root {
  /* Brand: forest & cream */
  --forest: #293923;       /* deep forest: sidebars, tab bar, dark cards, headings' wordmark */
  --forest-2: #3a4d31;     /* a step lighter, for hovers and dark-on-dark */
  --moss: #445b2b;         /* main buttons (white text) */
  --moss-2: #52673b;       /* the chosen item on the dark sidebar */
  --citron: #b5ac65;       /* the bright accent: badges and highlights (forest text on it),
                              and bright marks on the dark forest */
  --olive-green: #788338;  /* small caps under the wordmark */
  --sage: #c2d0aa;         /* soft text on the dark forest */
  --accent: #4e713a;       /* links and chosen things, readable on white */
  --accent-soft: #e6edda;  /* pale tint behind chosen things */
  --on-dark: #f4f0e5;      /* cream text on the dark forest */

  /* Text and surfaces */
  --ink: #2d3525;          /* main text */
  --muted: #616c57;        /* secondary text */
  --line: #dce2ce;         /* borders and dividers */
  --page: #f4f0e5;         /* cream: the page behind the cards */
  --card: #fffdf7;         /* warm white cards */

  /* Shades: fills, lines and softer text */
  --fill-1: #faf8f0;   /* faintest fill: table heads, quiet boxes */
  --fill-2: #f2f1e6;   /* soft fill: hovers, quiet buttons */
  --fill-3: #eceee1;   /* fill */
  --fill-4: #e4e8d8;   /* stronger fill: pills, switches */
  --line-2: #d6ddc8;   /* line, a step darker than --line */
  --line-3: #c5d3b8;   /* input borders */
  --line-4: #bcc9ae;   /* strong line */
  --line-5: #a3b096;   /* strongest line, faint marks */
  --ink-2: #3d4834;    /* text a step softer than --ink */
  --muted-2: #55614b;  /* between --ink-2 and --muted */
  --muted-3: #879079;  /* faint text: hints, inactive tabs */
  --sage-ink: #9aab86; /* labels on the dark sidebar */
  --tint-1: #f8f5e4;   /* faintest citron tint */
  --tint-2: #efecd3;   /* citron tint */
  --tint-green: #e3ebd7;/* green tint */
  --accent-ink: #3d5a30;/* icons and text on --accent-soft */

  /* Fonts. Georgia is on every computer and phone, so it needs no download; Inter comes from the
     Google Fonts link on each page. Georgia's numbers have uneven heights, so prices and counts
     stay in --font-text. */
  --font-display: Georgia, "Times New Roman", serif;   /* page titles and the wordmark */
  --font-text: Inter, system-ui, -apple-system, sans-serif;
  --wordmark-spacing: .14em;                           /* MOTIVO, letter-spaced capitals */

  /* Shapes */
  --radius: 10px;
  --shadow: 0 1px 2px rgba(41, 57, 35, 0.05), 0 4px 16px rgba(41, 57, 35, 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;
}