/* NeighPal — generated from tokens.json */
:root, [data-theme="light"] {
  --ground: #F6F2EA;
  --surface: #FFFFFF;
  --surface-sunk: #EEE8DD;
  --line: #E2DACD;
  --ink: #1F2A28;
  --ink-muted: #5A6661;
  --forest: #153D32;
  --forest-deep: #0F2620;
  --sage: #7BA68A;
  --charcoal: #1F2A28;
  --clay: #D9C6B2;
  --mint: #E7EFE8;
  --oat: #F1E8DC;
  --heart: #C98466;
  --heart-ink: #94503A;
  --lilac: #E6E3F1;
  --plum: #37305E;
  --action: var(--forest);
  --on-action: #FFFFFF;
  --good: #2A7350;
  --good-tint: #E3F0E6;
  --warn: #8A5A00;
  --warn-tint: #FAEDD3;
  --alert: #B23A2A;
  --alert-tint: #FAE3DD;
  --focus: #2E62D9;
  --role-owner: var(--forest);
  --role-vet: #2C7C86;
  --role-farrier: #9A6A12;
  --role-yard: #5E8A6E;
  --role-sharer: #B0566A;
  --shadow-card: 0 1px 2px rgba(21,61,50,0.06), 0 4px 16px rgba(21,61,50,0.06);
  --shadow-float: 0 12px 32px rgba(21,61,50,0.14);
}
[data-theme="dark"] {
  --ground: #0F2620;
  --surface: #153D32;
  --surface-sunk: #0B1E19;
  --line: #2A5045;
  --ink: #F4F1EA;
  --ink-muted: #B2C4BA;
  --forest: #153D32;
  --forest-deep: #0A1C17;
  --sage: #8FB89C;
  --charcoal: #1F2A28;
  --clay: #D9C6B2;
  --mint: #1E4A3D;
  --oat: #2E2B23;
  --heart: #E3A88C;
  --heart-ink: #E3A88C;
  --lilac: #38335A;
  --plum: #E3DEF7;
  --action: #D3E6D8;
  --on-action: #153D32;
  --good: #8FD6AE;
  --good-tint: #1E4537;
  --warn: #F2C46B;
  --warn-tint: #3B3318;
  --alert: #FF9B8A;
  --alert-tint: #46231C;
  --focus: #9DB8FF;
  --role-owner: #CDE6D3;
  --role-vet: #7CCAD3;
  --role-farrier: #E8BE6A;
  --role-yard: #8FB89C;
  --role-sharer: #F2A3B4;
  --shadow-card: 0 1px 2px rgba(0,0,0,0.30), 0 6px 20px rgba(0,0,0,0.35);
  --shadow-float: 0 12px 32px rgba(0,0,0,0.5);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;
  --tap-min: 44px;
  --tap-yard: 56px;
  --avatar-sm: 32px;
  --avatar-md: 48px;
  --avatar-lg: 72px;
  --tabbar-height: 72px;
  --font-display: "Fredoka", ui-rounded, system-ui, sans-serif;
  --font-body: "Figtree", system-ui, sans-serif;
}
.display-xl { font-family: var(--font-display); font-size: 56px; line-height: 60px; font-weight: 600; letter-spacing: -0.01em; }
.display-l { font-family: var(--font-display); font-size: 40px; line-height: 44px; font-weight: 600; }
.title { font-family: var(--font-display); font-size: 28px; line-height: 34px; font-weight: 600; }
.horse-name { font-family: var(--font-display); font-size: 20px; line-height: 24px; font-weight: 600; }
.heading { font-family: var(--font-body); font-size: 17px; line-height: 24px; font-weight: 600; }
.body { font-family: var(--font-body); font-size: 16px; line-height: 24px; font-weight: 400; }
.body-strong { font-family: var(--font-body); font-size: 16px; line-height: 24px; font-weight: 600; }
.small { font-family: var(--font-body); font-size: 14px; line-height: 20px; font-weight: 400; }
.caption { font-family: var(--font-body); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.06em; }
.data { font-family: var(--font-body); font-size: 15px; line-height: 20px; font-weight: 600; }
@font-face { font-family: "Fredoka"; src: url("/fonts/Fredoka.woff2") format("woff2"); font-weight: 300 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Figtree"; src: url("/fonts/Figtree.woff2") format("woff2"); font-weight: 300 900; font-style: normal; font-display: swap; }