/* PERCH Activities Logger
   Trust-first service design. Every value here answers to one context: a
   volunteer, one hand, hurried, in Malaysian daylight, on a cheap Android.
   That is why contrast is high, targets are oversized, and motion is small. */

:root {
  /* Neutral stone rather than cream. Warm-paper backgrounds are the reflexive
     choice for anything "caring" and they cost contrast in bright light. */
  --bg: #F5F5F3;
  --surface: #FFFFFF;
  --sunk: #ECECE8;
  --ink: #17181A;
  --ink-muted: #5F6166;
  --border: #DEDEDA;

  /* Teal and rose: far apart in both hue and lightness, so the centre stays
     tellable at a glance and under the common colour-vision deficiencies.
     Colour is never the only carrier — the centre name is always printed. */
  --accent-p1: #0B6E63;
  --accent-p2: #A33055;
  --accent: var(--accent-p1);
  --on-accent: #FFFFFF;

  --danger: #B3261E;
  --success: #146C43;
  --warn: #8A5300;

  --r-card: 12px;
  --r-pill: 999px;

  --tap: 56px;

  --shadow-1: 0 1px 2px rgb(23 24 26 / .07);
  --shadow-2: 0 -6px 20px rgb(23 24 26 / .10);

  /* Motion is small and functional: it only ever signals direction of travel. */
  --ease: cubic-bezier(.2, 0, 0, 1);
  --t-press: 120ms;
  --t-step: 200ms;

  color-scheme: light dark;
}

:root[data-centre="p2"] { --accent: var(--accent-p2); }

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #16171A;
    --surface: #202226;
    --sunk: #2A2C31;
    --ink: #F2F2F0;
    --ink-muted: #A3A5AB;
    --border: #34363C;
    --accent-p1: #4ECDC0;
    --accent-p2: #F58BA8;
    --on-accent: #16171A;
    --danger: #FF9A91;
    --success: #6BD79B;
    --warn: #E9B75A;
    --shadow-1: 0 1px 2px rgb(0 0 0 / .4);
    --shadow-2: 0 -6px 20px rgb(0 0 0 / .5);
  }
}

*, *::before, *::after { box-sizing: border-box; }

/* A class-level `display` outranks the UA rule for [hidden], which silently
   left the outbox bar and the Undo button on screen. */
[hidden] { display: none !important; }