/* ─── Kin Design Tokens ─── */
:root {
  /* Brand palette */
  --sage:        #d4e4d0;
  --sage-dark:   #4a7a5a;
  --sage-bg:     #f2f7f1;
  --lav:         #e8e2f4;
  --lav-dark:    #6b5fa0;
  --peach:       #f5e8df;
  --peach-dark:  #b06040;
  --amber:       #faeeda;
  --amber-dark:  #854f0b;
  --cream:       #faf8f5;
  --accent:      #5a8a6a;
  --accent-hover:#4a7a5a;

  /* Semantic */
  --red-bg:      #fcebeb;
  --red-dark:    #a32d2d;
  --red-border:  #f09595;
  --orange-bg:   #fff3e0;
  --orange-dark: #b45309;
  --green-bg:    #eaf3de;
  --green-dark:  #3b6d11;
  --blue-bg:     #e6f1fb;
  --blue-dark:   #185fa5;

  /* Neutral */
  --text:        #2c2c2a;
  --muted:       #8a8680;
  --border:      rgba(0,0,0,0.08);
  --surface:     #ffffff;
  --bg:          #faf8f5;

  /* Admin panel */
  --admin-bg:      #1e2027;
  --admin-sidebar: #252830;
  --admin-border:  #333644;
  --admin-text:    #e8eaf0;
  --admin-muted:   #8b8fa8;
  --admin-surface: rgba(255,255,255,0.06);

  /* Typography */
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Spacing */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  12px;
  --space-lg:  16px;
  --space-xl:  24px;
  --space-2xl: 32px;

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  /* Transitions */
  --transition: 0.13s ease;
}