/* CleanChain (CC) — design tokens
 *
 * Source: req/ux/style_guide.md §2.1 (teal primary, warm-tan secondary).
 *
 * Scoped under [data-theme="cc"]. See sys.css for the App-chrome
 * contract every theme exposes.
 */

[data-theme="cc"] {
  /* App-chrome contract */
  --app-header-bg:        #2694A1;
  --app-header-fg:        hsl(0, 0%, 100%);
  --app-header-hover-bg:  #1F7D88;
  --app-primary:          #2694A1;
  --app-primary-hover:    #1F7D88;
  --app-secondary:        #C28D6E;
  --app-secondary-hover:  #A77254;

  /* Shadcn-style palette */
  --primary:              #2694A1;
  --primary-foreground:   hsl(0, 0%, 100%);
  --secondary:            #C28D6E;
  --secondary-foreground: hsl(0, 0%, 100%);
  --accent:               #E0CF88;
  --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:           #404848;
  --border:               hsl(0, 0%, 85%);
  --input:                hsl(0, 0%, 75%);
  --ring:                 #2694A1;
  --card:                 hsl(0, 0%, 100%);
  --card-foreground:      #404848;
  --card-border:          hsl(0, 0%, 90%);
  --sidebar:              hsl(0, 0%, 96%);
  --sidebar-primary:      #2694A1;
  --sidebar-primary-fg:   hsl(0, 0%, 100%);
  --sidebar-foreground:   #404848;
  --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);
}