/* RBA — design tokens
 *
 * Source: req/ux/style_guide.md §2.1 (forest-green primary, muted-green
 * secondary).
 *
 * Scoped under [data-theme="rba"]. See sys.css for the App-chrome
 * contract every theme exposes.
 */

[data-theme="rba"] {
  /* App-chrome contract */
  --app-header-bg:        hsl(135, 50%, 30%);
  --app-header-fg:        hsl(0, 0%, 100%);
  --app-header-hover-bg:  hsl(135, 50%, 36%);
  --app-primary:          hsl(135, 50%, 30%);
  --app-primary-hover:    hsl(135, 50%, 36%);
  --app-secondary:        hsl(135, 12%, 38%);
  --app-secondary-hover:  hsl(135, 12%, 32%);

  /* Shadcn-style palette */
  --primary:              hsl(135, 50%, 30%);
  --primary-foreground:   hsl(0, 0%, 100%);
  --secondary:            hsl(135, 12%, 38%);
  --secondary-foreground: hsl(0, 0%, 100%);
  --accent:               hsl(71, 55%, 40%);
  --accent-foreground:    hsl(0, 0%, 100%);
  --destructive:          hsl(350, 80%, 46%);
  --destructive-foreground: hsl(0, 0%, 100%);
  --muted:                hsl(216, 14%, 93%);
  --muted-foreground:     hsl(220, 6%, 46%);
  --background:           hsl(216, 20%, 95%);
  --foreground:           hsl(204, 44%, 21%);
  --border:               hsl(0, 0%, 85%);
  --input:                hsl(0, 0%, 75%);
  --ring:                 hsl(135, 50%, 30%);
  --card:                 hsl(0, 0%, 100%);
  --card-foreground:      hsl(204, 44%, 21%);
  --card-border:          hsl(0, 0%, 90%);
  --sidebar:              hsl(0, 0%, 96%);
  --sidebar-primary:      hsl(135, 50%, 30%);
  --sidebar-primary-fg:   hsl(0, 0%, 100%);
  --sidebar-foreground:   hsl(204, 44%, 21%);
  --sidebar-border:       hsl(0, 0%, 88%);
  --popover:              hsl(0, 0%, 100%);
  --popover-border:       hsl(0, 0%, 90%);
  --elevate-1:            rgba(0,0,0,0.03);
  --elevate-2:            rgba(0,0,0,0.08);
}