/* 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 names say what a color is FOR, not what it looks like, so a new look only changes the values
   below. Pages never type a brand-tinted color themselves: they use these names, or mix them
   (color-mix) for see-through shadows and washes.

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

:root {
  /* Brand (now: forest & cream) */
  --brand: #293923;          /* the dark brand color: sidebars, tab bar, dark cards, wordmark */
  --brand-2: #3a4d31;        /* a step lighter, for hovers and dark-on-dark */
  --brand-deep: #1f2d1a;     /* a step darker: wells on the dark sidebar */
  --button: #445b2b;         /* main buttons (white text) */
  --nav-on: #52673b;         /* the chosen item on the dark sidebar */
  --highlight: #b5ac65;      /* badges and highlights (--brand text on it), bright marks on --brand */
  --highlight-2: #9d934b;    /* a step darker: highlight hovers and edges */
  --wordmark-sub: #788338;   /* the small caps under the wordmark */
  --on-dark: #f4f0e5;        /* text on --brand */
  --on-dark-soft: #c2d0aa;   /* softer text on --brand */
  --on-dark-faint: #9aab86;  /* faint labels on --brand */
  --accent: #4e713a;         /* links and chosen things, readable on white */
  --accent-soft: #e6edda;    /* pale tint behind chosen things */
  --accent-ink: #3d5a30;     /* icons and text on --accent-soft */

  /* 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 */
  --tint-1: #f8f5e4;   /* faintest highlight tint */
  --tint-2: #efecd3;   /* highlight tint */
  --tint-3: #e3ebd7;   /* accent tint */

  /* 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 color-mix(in srgb, var(--brand) 5%, transparent), 0 4px 16px color-mix(in srgb, var(--brand) 4%, transparent);

  /* 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;
}