/* Base style set — the semantic token variables (shadcn roles) with their default
   light and dark values. A "theme" is a set of overrides applied on top of this.
   Loaded on every page via render_html_page(), so components (which reference these
   roles instead of hex) resolve identically on public pages and in the builder.
   Defined on :root (applies everywhere) and .hub-style (explicit scope if needed).
   Dark follows the hub's own signal: data-mui-color-scheme="dark". */

:root {
  --background:             #ffffff;
  --foreground:             #0a0a0a;
  --card:                   #ffffff;
  --card-foreground:        #0a0a0a;
  --popover:                #ffffff;
  --popover-foreground:     #0a0a0a;
  --primary:                #171717;
  --primary-foreground:     #fafafa;
  --secondary:              #f5f5f5;
  --secondary-foreground:   #171717;
  --muted:                  #f5f5f5;
  --muted-foreground:       #737373;
  --accent:                 #f5f5f5;
  --accent-foreground:      #171717;
  --destructive:            #ef4444;
  --destructive-foreground: #fafafa;
  --border:                 #e5e5e5;
  --input:                  #e5e5e5;
  --ring:                   #a3a3a3;
}

[data-mui-color-scheme="dark"] {
  --background:             #0a0a0a;
  --foreground:             #fafafa;
  --card:                   #0a0a0a;
  --card-foreground:        #fafafa;
  --popover:                #0a0a0a;
  --popover-foreground:     #fafafa;
  --primary:                #fafafa;
  --primary-foreground:     #171717;
  --secondary:              #262626;
  --secondary-foreground:   #fafafa;
  --muted:                  #262626;
  --muted-foreground:       #a3a3a3;
  --accent:                 #262626;
  --accent-foreground:      #fafafa;
  --destructive:            #7f1d1d;
  --destructive-foreground: #fafafa;
  --border:                 #262626;
  --input:                  #262626;
  --ring:                   #737373;
}