/* GYMO / FittY colour roles.
   The app has exactly FOUR user-facing colour roles (ThemeStore):
   number, orange, pink, background. Everything else is derived. */
:root{
  /* --- Base (Classic / factory palette, FittyTheme.swift) ------------- */
  --gymo-violet:#6b1fed;          /* Color(red:0.42,green:0.12,blue:0.93) */
  --gymo-orange:#ffa663;          /* Color(red:1.0,green:0.65,blue:0.39) */
  --gymo-pink:#ff709f;            /* Color(red:1.0,green:0.44,blue:0.63) */
  --gymo-white:#ffffff;
  --gymo-black:#000000;

  /* --- Semantic roles (the four ThemeStore slots) --------------------- */
  --color-background:var(--gymo-violet);   /* screen fill */
  --color-number:var(--gymo-white);        /* machine number / name */
  --color-numeric:var(--gymo-orange);      /* weight + purely numeric codes */
  --color-alpha:var(--gymo-pink);          /* codes containing letters */

  /* --- Chrome: NOT user-settable. White, flips to black on light bg --- */
  --color-chrome:var(--gymo-white);
  --color-chrome-inverse:var(--gymo-black);
  --color-caption:rgb(255 255 255 / .5);   /* chrome at 50% — fittyCaption() */

  /* --- Surfaces: white veils over the background, never new hues ------ */
  --surface-field:rgb(255 255 255 / .14);  /* editor field box */
  --surface-step:rgb(107 31 237 / .35);    /* round +/- button on pink bg */
  --surface-hud:rgb(0 0 0 / .92);          /* dev HUD / tooltip */
  --surface-handle:rgb(255 255 255 / .45); /* drag-handle dots */

  /* --- Destructive: the app uses pink, never system red --------------- */
  --color-destructive:var(--gymo-pink);
  --color-destructive-pulse:var(--gymo-orange);

  /* --- Row brightness ramp (fittyRowOverlayOpacity) ------------------- */
  --row-veil-base:.12; /* @kind other */
  --row-veil-step:.07; /* @kind other */
  --row-veil-max:.55; /* @kind other */
  --row-veil-0:rgb(255 255 255 / .12);
  --row-veil-1:rgb(255 255 255 / .19);
  --row-veil-2:rgb(255 255 255 / .26);
  --row-veil-3:rgb(255 255 255 / .33);
  --row-veil-4:rgb(255 255 255 / .40);
  --row-veil-5:rgb(255 255 255 / .47);
  --row-veil-6:rgb(255 255 255 / .54);

  /* --- Disabled ------------------------------------------------------- */
  --opacity-disabled:.4; /* @kind other */
}

/* Light-background themes flip chrome to black (ThemeStore.isBackgroundLight,
   luminance > 0.6). Apply to any subtree whose background is a light palette. */
.gymo-bg-light{
  --color-chrome:var(--gymo-black);
  --color-chrome-inverse:var(--gymo-white);
  --color-number:var(--gymo-black);
  --color-caption:rgb(0 0 0 / .5);
  --surface-handle:rgb(0 0 0 / .45);
}