/*
 * Nanokept brand palette - "Receipt" (forest + brass).
 * Overrides NanoUI token defaults from nanoui/base/03_colors.css.
 *
 * Why these values (see research + WCAG checks in commit body):
 *   - Forest primary on warm paper surface = 8.55:1 (AAA).
 *   - Brass display accent on paper = 2.14:1 - NEVER use as text
 *     on surface. It's for button fills, chart fills, chips, dots.
 *     Text on brass must be ink (#111418 → 7.68:1 AAA).
 *   - Brass-strong #8A5E24 = 5.03:1 on paper - use this when the
 *     accent needs to be *text* on surface (stat labels, links).
 *   - Brass-bright #BA6F0D = 3.48:1 on paper - LARGE TEXT ONLY
 *     (≥18pt regular or ≥14pt bold per WCAG 2.2). Use for H1/H2
 *     emphasis words only; never for body copy.
 */

:root {
  /* Surfaces */
  --color-background:            40 45% 94%;   /* #F6F1E7 warm paper */
  --color-foreground:             214 17% 8%;   /* #111418 ink */
  --color-card:                  40 45% 94%;
  --color-card-foreground:        214 17% 8%;
  --color-popover:               40 45% 94%;
  --color-popover-foreground:     214 17% 8%;

  /* Muted surfaces - warmer, paper-family grays */
  --color-muted:                 42 36% 91%;
  --color-muted-foreground:       0  0% 28%;   /* ~4.7:1 on paper, AA */
  --color-border:                42 36% 86%;   /* #E8E0CE hairline - sections/cards */
  --color-input:                 42 15% 50%;   /* #92877B - 3:1 on paper, WCAG UI contrast */

  /* Primary - deep forest */
  --color-primary:              155 43% 21%;   /* #1F4D3A */
  --color-primary-foreground:    40 45% 94%;   /* paper */
  --color-ring:                 155 43% 21%;
  --color-input-focus:          155 43% 21%;

  /* Secondary - neutral paper tone, sits quietly next to forest */
  --color-secondary:             42 36% 89%;
  --color-secondary-foreground:   214 17% 8%;

  /* Brand accent - brass. Decorative only; use ink on top. */
  --color-accent:                38 50% 57%;   /* #C9A15B display brass */
  --color-accent-foreground:      214 17% 8%;   /* ink on brass = 7.24:1 */
  --color-accent-strong:         34 59% 34%;   /* #8A5E24 text-safe brass (AA normal) */
  --color-accent-bright:         34 87% 39%;   /* #BA6F0D large-text only (AA large, 3.48:1) */

  /* Status - keep NanoUI intent colors but warm them slightly so
     they don't clash with the forest/paper base. */
  --color-success:              155 43% 21%;   /* use primary - "recovered" is the brand cue */
  --color-success-foreground:    40 45% 94%;
  --color-warning:               34 80% 46%;   /* deeper than NanoUI's amber, reads on paper */
  --color-warning-foreground:    40 45% 94%;
  --color-destructive:            4 64% 44%;   /* muted brick red, not SaaS-safety-orange */
  --color-destructive-foreground: 40 45% 94%;
}

.dark {
  --color-background:           157 36% 10%;   /* #10221B deep forest */
  --color-foreground:            40 45% 94%;
  --color-card:                 157 36% 10%;
  --color-card-foreground:       40 45% 94%;
  --color-popover:              157 36% 10%;
  --color-popover-foreground:    40 45% 94%;

  --color-muted:                155 20% 16%;
  --color-muted-foreground:      40 20% 72%;
  --color-border:               155 20% 20%;
  --color-input:                155 20% 20%;

  --color-primary:              155 34% 47%;   /* #4FA07E brightened forest */
  --color-primary-foreground:    40 45% 94%;
  --color-ring:                 155 34% 47%;
  --color-input-focus:          155 34% 47%;

  --color-secondary:            155 20% 18%;
  --color-secondary-foreground:  40 45% 94%;

  --color-accent:                38 50% 62%;   /* brass, slightly lifted */
  --color-accent-foreground:      214 17% 8%;
  --color-accent-strong:         38 50% 72%;   /* lighter brass reads as text on dark */
  --color-accent-bright:         38 60% 66%;   /* bright brass for H1/H2 emphasis on dark */

  --color-success:              155 34% 47%;
  --color-success-foreground:    40 45% 94%;
  --color-warning:               34 80% 58%;
  --color-warning-foreground:     214 17% 8%;
  --color-destructive:            4 64% 54%;
  --color-destructive-foreground: 40 45% 94%;
}