/* Dobby design tokens — three layers. Light "hearth" theme (cozy override, see ../design-system/dobby/pages/app.md).
   Skill base: ui-ux-pro-max Glassmorphism pick overridden per explicit user direction: lighter, homey, positive. */

/* ---- Primitive ---- */
:root {
  --cream-50: #FDFAF4;
  --cream-100: #FAF6EF;
  --cream-200: #F3EBDD;
  --cream-300: #E8DCC8;
  --ink-900: #3E3128;
  --ink-700: #5C4C3F;
  --ink-500: #7A6653;
  --ink-400: #8A7561;
  --ember-700: #8F3B1A;
  --ember-600: #A84A23;
  --ember-500: #C65D21;
  --ember-100: #F7E3D3;
  --sage-700: #43614A;
  --sage-600: #557A5E;
  --sage-100: #DCE9DC;
  --sun-500: #D99A2B;
  --sun-100: #F8EBCB;
  --clay-600: #B3402E;
  --clay-100: #F6DCD4;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(62, 49, 40, 0.08);
  --shadow-md: 0 4px 16px rgba(62, 49, 40, 0.1);
  --shadow-lg: 0 10px 32px rgba(62, 49, 40, 0.14);
  --font-body: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* ---- Semantic ---- */
  --color-background: var(--cream-100);
  --color-background-soft: var(--cream-200);
  --color-card: #FFFFFF;
  --color-card-border: var(--cream-300);
  --color-foreground: var(--ink-900);
  --color-foreground-soft: var(--ink-700);
  --color-muted: var(--ink-500);
  --color-primary: var(--ember-600);
  --color-primary-hover: var(--ember-700);
  --color-on-primary: #FFFFFF;
  --color-primary-soft: var(--ember-100);
  --color-success: var(--sage-700);
  --color-success-soft: var(--sage-100);
  --color-warning-soft: var(--sun-100);
  --color-warning: var(--sun-500);
  --color-danger: var(--clay-600);
  --color-danger-soft: var(--clay-100);
  --color-focus: var(--ember-500);

  /* ---- Component ---- */
  --button-bg: var(--color-primary);
  --button-bg-hover: var(--color-primary-hover);
  --button-fg: var(--color-on-primary);
  --button-radius: var(--radius-pill);
  --card-bg: var(--color-card);
  --card-border: 1px solid var(--color-card-border);
  --card-radius: var(--radius-lg);
  --card-shadow: var(--shadow-md);
  --chip-bg: var(--color-background-soft);
  --input-bg: #FFFFFF;
  --input-border: var(--cream-300);
}