/* ATELIER — light off-white, sage green + rust, modern crafted.
   Geometric sans + serif callouts. */

.theme-atelier {
  --font-display: "Fraunces", "Source Serif Pro", "Iowan Old Style", Georgia, serif;
  --font-prose:   "Inter Tight", "Söhne", -apple-system, system-ui, sans-serif;
  --font-body:    "Inter Tight", "Söhne", -apple-system, system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --tracking: 0;

  --bg:        #fafaf6;
  --surface:   #ffffff;
  --surface-2: #f0eee5;
  --fg:        #1a1c19;
  --prose:     #2e2f2a;
  --muted:     #82857a;
  --muted-strong: #5a5d54;
  --border:        #e4e1d6;
  --border-strong: #c8c4b3;

  --accent:        #5a7355;   /* sage */
  --accent-strong: #3f5239;
  --accent-soft:   #dfe5d9;
  --accent-on:     #ffffff;

  --ok:        #5a7355;
  --ok-soft:   #dfe5d9;
  --ok-strong: #3f5239;
  --warn:        #b75a3f;   /* rust */
  --warn-soft:   #f0d9cf;
  --warn-strong: #7a3a25;
  --info:        #6f8294;

  --shadow:        rgba(40,40,30,0.06);
  --shadow-strong: rgba(40,40,30,0.16);

  --grid-dot: rgba(80,80,60,0.10);
  --diagram-bg: #f5f3ec;

  --block-bg:           #ffffff;
  --block-border:       #c8c4b3;
  --block-divider:      #e4e1d6;
  --block-actor-bg:     #f0eee5;
  --block-constraint-bg:#f5e6dc;

  --edge:       #6a6b62;
  --edge-soft:  #c8c4b3;
  --edge-label: #5a5d54;

  --note-bg: #f0eee5;

  --bubble-socrates: #f0eee5;
  --bubble-user:     #dfe5d9;

  --chip-bg:       #f0eee5;
  --chip-bg-hover: #e4e1d6;
  --chip-fg:       #2e2f2a;

  --c-block-bg:  #dfe5d9; --c-block-fg:  #3f5239;
  --c-prop-bg:   #ebe4cd; --c-prop-fg:   #6b5a25;
  --c-assoc-bg:  #d6e0e8; --c-assoc-fg:  #3d556b;
  --c-req-bg:    #f0d9cf; --c-req-fg:    #7a3a25;
}

/* Atelier flourishes: serif display headings, subtle italic callouts */
.theme-atelier .t-h1 { font-family: var(--font-display); font-weight: 500; letter-spacing: -0.015em; font-size: 26px; }
.theme-atelier .t-h2 { font-family: var(--font-display); font-weight: 500; letter-spacing: -0.005em; font-size: 17px; }
.theme-atelier .brand-name { font-family: var(--font-display); font-weight: 500; }
.theme-atelier .dock-name { font-family: var(--font-display); font-weight: 500; font-size: 16px; }
.theme-atelier .canvas-title { font-family: var(--font-display); font-weight: 500; font-size: 14px; letter-spacing: 0; }
.theme-atelier .seed-brand { font-family: var(--font-display); font-weight: 500; }