/* korga — colour system v1.0 (2026-08-02)
   Source of truth: BRAND_MANUAL.md §5. Contrast ratios pre-checked, do not improvise.
   Never use #FFFFFF as a page background. Cream, not white. Ink, not black. */

:root {
  /* Core */
  --korga-tangerine:      #FF6B35;  /* primary fill. Text on it must be --korga-ink (5.9:1) */
  --korga-ember:          #C43F10;  /* dark twin, use when white text is required (5.2:1) */
  --korga-ink:            #1E1B2E;  /* text, linework, dark surfaces, the logo */
  --korga-cream:          #FFF8F0;  /* page background */
  --korga-surface:        #FFFFFF;  /* cards and sheets, lifted off cream */
  --korga-mint:           #2FD3A7;  /* done, synced, resolved. Ink text on it */
  --korga-blueberry:      #3A5BFF;  /* links, secondary action, sync. White text (5.0:1) */
  --korga-butter:         #FFD166;  /* money, splitting, receipts. Ink text */

  /* Neutrals (light) */
  --korga-graphite:       #5B5570;  /* secondary text, 6.7:1 on cream */
  --korga-stone:          #8E88A3;  /* placeholders and icons, LARGE ONLY, 3.2:1 */
  --korga-line:           #E7E0D8;  /* hairlines, dividers */

  /* Member colours — assigned in join order. Never colour alone: always pair with an initial. */
  --korga-member-1:       #FF6B35;  /* Tangerine  — ink monogram  */
  --korga-member-2:       #2FD3A7;  /* Mint       — ink monogram  */
  --korga-member-3:       #3A5BFF;  /* Blueberry  — WHITE monogram */
  --korga-member-4:       #FFD166;  /* Butter     — ink monogram  */
  --korga-member-5:       #F2467E;  /* Rhubarb    — ink monogram  */
  --korga-member-6:       #A78BFA;  /* Lilac      — ink monogram  */

  /* Semantic */
  --korga-bg:             var(--korga-cream);
  --korga-card:           var(--korga-surface);
  --korga-text:           var(--korga-ink);
  --korga-text-muted:     var(--korga-graphite);
  --korga-text-subtle:    var(--korga-stone);
  --korga-border:         var(--korga-line);
  --korga-accent:         var(--korga-tangerine);
  --korga-on-accent:      var(--korga-ink);
  --korga-success:        var(--korga-mint);
  --korga-link:           var(--korga-blueberry);
  --korga-money:          var(--korga-butter);
  --korga-danger:         var(--korga-ember);

  /* Shape — nothing in korga has a sharp corner */
  --korga-radius-sm:      12px;   /* chips, inputs */
  --korga-radius-md:      20px;   /* cards */
  --korga-radius-lg:      28px;   /* sheets, primary buttons */
  --korga-radius-full:    999px;  /* pills, avatars */

  /* Elevation — one shadow, that's it */
  --korga-shadow:         0 2px 16px rgba(30, 27, 46, 0.08);

  /* Spacing — 4pt base, 8pt rhythm */
  --korga-space-1: 4px;  --korga-space-2: 8px;  --korga-space-3: 12px;
  --korga-space-4: 16px; --korga-space-5: 20px; --korga-space-6: 24px;
  --korga-space-8: 32px; --korga-space-10: 40px; --korga-space-12: 48px;
  --korga-gutter: 20px;
  --korga-tap-min: 44px;

  /* Motion — the tick is the brand */
  --korga-ease:           cubic-bezier(0.2, 0, 0.2, 1);
  --korga-spring:         cubic-bezier(0.34, 1.4, 0.64, 1);
  --korga-dur-fast:       120ms;
  --korga-dur-base:       180ms;
  --korga-dur-slow:       400ms;
}

/* Dark mode — brand colours brighten, cream becomes night */
@media (prefers-color-scheme: dark) {
  :root {
    --korga-night:        #17141F;
    --korga-slate:        #221E2D;
    --korga-seam:         #322C42;
    --korga-snow:         #F5F1EA;
    --korga-ash:          #A49CB8;

    --korga-tangerine:    #FF824F;
    --korga-mint:         #3EE0B5;
    --korga-blueberry:    #7B93FF;
    --korga-butter:       #FFD98A;

    --korga-bg:           var(--korga-night);
    --korga-card:         var(--korga-slate);
    --korga-text:         var(--korga-snow);
    --korga-text-muted:   var(--korga-ash);
    --korga-text-subtle:  var(--korga-ash);
    --korga-border:       var(--korga-seam);
    --korga-on-accent:    #17141F;
    --korga-shadow:       0 2px 16px rgba(0, 0, 0, 0.4);
  }
}