/* ==========================================================================
   Asherfield — Shared Design Tokens
   Loaded as a dependency by both dashboard and create-listing stylesheets.
   Never define these values a second time in component stylesheets.
   ========================================================================== */

:root {
  /* ── Brand palette ──────────────────────────────────────────────────────── */
  --ash-ring:          #c96442;   /* terracotta — primary accent, CTAs, active states */
  --ash-ring-tint:     #fef6f2;   /* warm wash used for selected-state fills */
  --ash-success:       #1f6f43;   /* forest green — saved state, founding member badge */
  --ash-danger:        #b42318;   /* error red */

  /* ── Surface & background ───────────────────────────────────────────────── */
  --background:        #faf9f5;   /* off-white page background */
  --foreground:        #3d3929;   /* dark warm-brown text */
  --border:            #dad9d4;   /* warm light gray borders */
  --muted-foreground:  #7a7568;   /* secondary/helper text — passes WCAG AA on --background */

  /* ── Component surfaces ─────────────────────────────────────────────────── */
  --card:              #faf9f5;
  --card-foreground:   #141413;
  --popover:           #ffffff;
  --popover-foreground: #28261b;

  /* ── Semantic ───────────────────────────────────────────────────────────── */
  --primary:           #c96442;
  --primary-foreground: #ffffff;
  --secondary:         #e9e6dc;
  --secondary-foreground: #535146;
  --muted:             #ede9de;
  --accent:            #e9e6dc;
  --accent-foreground: #28261b;
  --destructive:       #141413;
  --destructive-foreground: #ffffff;
  --input:             #b4b2a7;

  /* ── Sidebar ────────────────────────────────────────────────────────────── */
  --sidebar:           #f5f4ee;
  --sidebar-foreground: #3d3d3a;
  --sidebar-primary:   #c96442;
  --sidebar-primary-foreground: #fbfbfb;
  --sidebar-accent:    #e9e6dc;
  --sidebar-accent-foreground: #343434;
  --sidebar-border:    #ebebeb;
  --sidebar-ring:      #b5b5b5;

  /* ── Chart ──────────────────────────────────────────────────────────────── */
  --chart-1:           #b05730;
  --chart-2:           #9c87f5;
  --chart-3:           #ded8c4;
  --chart-4:           #dbd3f0;
  --chart-5:           #b4552d;

  /* ── Radius scale ───────────────────────────────────────────────────────── */
  --radius:            0.5rem;   /* 8px — base radius */
  --radius-sm:         6px;
  --radius-md:         10px;
  --radius-lg:         14px;
  --radius-xl:         20px;
  --radius-full:       9999px;

  /* ── Shadow scale ───────────────────────────────────────────────────────── */
  --shadow-card:       0 1px 3px rgba(15,15,15,0.04), 0 1px 2px rgba(15,15,15,0.02);
  --shadow-float:      0 4px 12px rgba(15,15,15,0.08);

  /* ── Dashboard-specific ─────────────────────────────────────────────────── */
  --ash-db-secondary:  #5c5750;
  --ash-dark:          #10231f;
  --ash-sidebar-w:     220px;
  --ash-topbar-h:      52px;
}