/* ============================================================
   Aproject — shadcn-style design tokens
   Scoped to .app-shell so each artboard can theme independently.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&display=swap');

.app-shell {
  /* radius */
  --radius: 0.625rem;

  /* base palette — warm paper light theme (Claude-ish oat) */
  --background: #faf9f6;
  --foreground: #29261f;
  --card: #ffffff;
  --card-foreground: #29261f;
  --popover: #ffffff;
  --popover-foreground: #29261f;

  --primary: #bd4b1e;            /* warm terracotta accent */
  --primary-hover: #a83f17;
  --primary-foreground: #ffffff;

  --secondary: #f1efe9;
  --secondary-foreground: #3a362e;
  --muted: #f1efe9;
  --muted-foreground: #807a6e;
  --accent: #ece9e1;
  --accent-foreground: #29261f;

  --destructive: #c0392b;
  --border: #e7e3d9;
  --border-strong: #ddd8cb;
  --input: #e7e3d9;
  --ring: #bd4b1e;

  /* sidebar-specific surface (slightly warmer than canvas) */
  --sidebar: #f4f2ec;
  --sidebar-foreground: #3a362e;
  --sidebar-muted: #8c8576;
  --sidebar-border: #e5e1d6;
  --sidebar-item-hover: #e9e5db;
  --sidebar-item-active: #e2ddcf;
  --sidebar-accent-tint: rgba(189, 75, 30, 0.10);

  color-scheme: light;
}

.app-shell.dark {
  --background: #1f1e1b;
  --foreground: #ece9e2;
  --card: #262521;
  --card-foreground: #ece9e2;
  --popover: #2b2925;
  --popover-foreground: #ece9e2;

  --primary: #d9683a;
  --primary-hover: #e0764b;
  --primary-foreground: #1a120c;

  --secondary: #302e29;
  --secondary-foreground: #d8d4ca;
  --muted: #2b2925;
  --muted-foreground: #948e80;
  --accent: #34322c;
  --accent-foreground: #ece9e2;

  --destructive: #e5705f;
  --border: #38352e;
  --border-strong: #46423a;
  --input: #38352e;
  --ring: #d9683a;

  --sidebar: #1a1916;
  --sidebar-foreground: #cfcbc1;
  --sidebar-muted: #837d70;
  --sidebar-border: #302e28;
  --sidebar-item-hover: #2a2823;
  --sidebar-item-active: #34322b;
  --sidebar-accent-tint: rgba(217, 104, 58, 0.16);

  color-scheme: dark;
}

/* ---------- shell layout ---------- */
.app-shell {
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: var(--background);
  color: var(--foreground);
  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
}
.app-shell *,
.app-shell *::before,
.app-shell *::after { box-sizing: border-box; }
.app-shell button { font-family: inherit; }

/* scrollbars */
.app-shell .scroll::-webkit-scrollbar { width: 10px; }
.app-shell .scroll::-webkit-scrollbar-thumb {
  background: var(--border-strong);
  border: 3px solid transparent;
  background-clip: padding-box;
  border-radius: 999px;
}
.app-shell .scroll::-webkit-scrollbar-thumb:hover { background: var(--sidebar-muted); background-clip: padding-box; }
.app-shell .scroll { scrollbar-width: thin; scrollbar-color: var(--border-strong) transparent; }

.wordmark { font-family: "Newsreader", Georgia, serif; }