/* Gullak colour tokens — values transcribed verbatim from the source file. */
:root {
  /* Surfaces — warm, green-tinted near-blacks, stacked by elevation */
  --ink: #0E0F0C;          /* absolute floor — device frame, deepest wells */
  --surface: #17180F;      /* app background */
  --raised: #1F2116;       /* cards & all elevated surfaces */
  --raised2: #272A1C;      /* rows, pressed & hover states */

  /* Lines */
  --line: rgba(255,255,255,0.07);     /* default hairline borders & dividers */
  --line-hi: rgba(255,255,255,0.12);  /* emphasised borders — floating nav, outlines */

  /* Unnamed in the source, but used consistently for soft fills:
     secondary buttons/chips, progress tracks, token pills. */
  --fill-soft: rgba(255,255,255,0.06);
  --fill-soft-hi: rgba(255,255,255,0.08);

  /* Text — warm off-white at three opacities. Never pure white. */
  --text: #F2F1E8;
  --text-dim: rgba(242,241,232,0.62);   /* subtitles, metadata */
  --text-faint: rgba(242,241,232,0.38); /* captions, inactive nav */

  /* Accent & semantic */
  --green: #9BE36D;        /* money in, primary action, brand */
  --green-dim: #6FA848;    /* gradient pair, pressed accent */
  --green-ink: #0F1A07;    /* text/icons on a green fill */
  --red: #F28B6B;          /* money out — coral, never harsh red */
  --red-dim: #C36A4E;      /* pressed / muted expense */
  --amber: #E8C267;        /* pending, warnings, streaks */
  --blue: #8AB6D6;         /* info, secondary currency (USD) */
  --lilac: #BFA4E0;        /* savings accounts, accent variety */

  /* Accent tints — chips and rings use the accent at low alpha */
  --green-tint: rgba(155,227,109,0.13);
  --green-tint-hi: rgba(155,227,109,0.15);
  --green-ring: rgba(155,227,109,0.25);
  --green-wash: rgba(155,227,109,0.05);
  --blue-tint: rgba(138,182,214,0.13);

  /* Category palette — muted & mutually distinct */
  --cat-food: #D88A5A;
  --cat-ride: #8AB6D6;
  --cat-home: #BFA4E0;
  --cat-fun: #E8C267;
  --cat-work: #9BE36D;
  --cat-shop: #E69CB6;

  /* Category marks: fill at 15%, ring at 25%, glyph at full strength */
  --cat-food-tint: rgba(216,138,90,0.15);
  --cat-food-ring: rgba(216,138,90,0.25);
  --cat-ride-tint: rgba(138,182,214,0.15);
  --cat-ride-ring: rgba(138,182,214,0.25);
  --cat-home-tint: rgba(191,164,224,0.15);
  --cat-home-ring: rgba(191,164,224,0.25);
  --cat-fun-tint: rgba(232,194,103,0.15);
  --cat-fun-ring: rgba(232,194,103,0.25);
  --cat-work-tint: rgba(155,227,109,0.15);
  --cat-work-ring: rgba(155,227,109,0.25);
  --cat-shop-tint: rgba(230,156,182,0.15);
  --cat-shop-ring: rgba(230,156,182,0.25);

  /* Sidebar wash used on the documentation shell */
  --sidebar-wash: rgba(20,22,14,0.6);
}