/* ==========================================================================
   evenpaz — colour tokens
   --------------------------------------------------------------------------
   THIS IS THE ONLY FILE YOU EDIT TO RE-SKIN THE SITE.
   Change these values to match the app; touch nothing in style.css.

   Sampled from the app UI (sand background, clay primary, warm ink).
   ========================================================================== */

:root {
  /* --- brand ------------------------------------------------------------ */
  --ep-clay:        #E86A28;   /* primary. buttons, logo, accents           */
  --ep-clay-strong: #C8551A;   /* hover / pressed                           */
  --ep-clay-soft:   #F6C9A9;   /* dim ring nodes, faint strokes             */

  /* --- surfaces --------------------------------------------------------- */
  --ep-sand:        #F7EFE6;   /* page background                           */
  --ep-sand-deep:   #EFE4D8;   /* raised rows, cards                        */
  --ep-line:        #E2D5C6;   /* hairlines, dividers                       */

  /* --- text ------------------------------------------------------------- */
  --ep-ink:         #2A241F;   /* headings, body                            */
  --ep-ink-muted:   #6E6459;   /* secondary copy                            */
  --ep-on-clay:     #FFFFFF;   /* text on the clay button                   */

  /* --- shape ------------------------------------------------------------ */
  --ep-radius:      999px;     /* the app uses fully rounded buttons        */
  --ep-radius-card: 18px;
  --ep-focus:       #1E6FB8;   /* focus ring — must contrast with clay      */
}

/* Dark mode. Muted clay so it never goes neon on a dark surface.
   The site follows the system preference; the APP does not (the brand
   colour is never derived from the user's system palette — see §8). */
@media (prefers-color-scheme: dark) {
  :root {
    --ep-clay:        #F0834A;
    --ep-clay-strong: #FF9E6B;
    --ep-clay-soft:   #6B3A20;

    --ep-sand:        #17130F;
    --ep-sand-deep:   #201A15;
    --ep-line:        #362C24;

    --ep-ink:         #F4EBE1;
    --ep-ink-muted:   #A8998A;
    --ep-on-clay:     #17130F;
    --ep-focus:       #7CC0FF;
  }
}