:root{--ds-color-neutral-0:#ffffff;--ds-color-neutral-50:#fafafa;--ds-color-neutral-100:#f3f4f6;--ds-color-neutral-200:#d1d5db;--ds-color-neutral-300:#e5e7eb;--ds-color-neutral-500:#9ca3af;--ds-color-neutral-700:#4b5563;--ds-color-neutral-900:#1f2a37;--ds-color-brand-action:#14743f;--ds-color-brand-action-highlight:#168047;--ds-color-brand-action-hover:#0f5f34;--ds-color-brand-action-pressed:#0b4b29;--ds-color-brand-blue:#1f4cff;--ds-color-brand-blue-soft:#e8ecff;--ds-color-brand-blue-dark:#0d2ba0;--ds-color-brand-orange:#ff6a2a;--ds-color-brand-orange-soft:#ffe4d6;--ds-color-brand-pink:#ff8fbf;--ds-color-brand-pink-soft:#ffcce5;--ds-color-brand-meadow:#9bb24a;--ds-color-brand-meadow-soft:#e5f0d8;--ds-color-brand-clay:#b86b55;--ds-color-brand-clay-soft:#f0e0d8;--ds-color-error:#dc2626;--ds-color-error-dark:#991b1b;--ds-color-error-soft:#fee2e2;--ds-color-error-border:#fecaca;--ds-color-warning-dark:#7c2d12;--ds-color-success-dark:#365314;--ds-color-pastel-lemon:#fff8e1;--ds-color-pastel-nimbus:#e5e7eb;--ds-color-pastel-rose:#fdf2f2;--ds-color-pastel-cloud:#f9fafb;--ds-color-pastel-ice:#eff6ff;--ds-color-pastel-peach:#fff7ed;--ds-color-pastel-aqua:#ecfdf5;--ds-color-pastel-orchid:#f5f3ff;--ds-color-pastel-sage:#eef6e7;--ds-color-canvas:var(--ds-color-neutral-50);--ds-color-surface:var(--ds-color-neutral-0);--ds-color-surface-muted:var(--ds-color-neutral-100);--ds-color-text-primary:var(--ds-color-neutral-900);--ds-color-text-secondary:var(--ds-color-neutral-700);--ds-color-text-muted:var(--ds-color-neutral-700);--ds-color-text-inverse:var(--ds-color-neutral-0);--ds-color-border-subtle:var(--ds-color-neutral-300);--ds-color-border-default:var(--ds-color-neutral-200);--ds-color-border-strong:var(--ds-color-neutral-500);--ds-color-action-primary:var(--ds-color-brand-action);--ds-color-action-primary-hover:var(--ds-color-brand-action-hover);--ds-color-action-accent:var(--ds-color-brand-orange);--ds-color-action-accent-foreground:var(--ds-color-neutral-900);--ds-color-action-destructive:var(--ds-color-error);--ds-color-focus:var(--ds-color-brand-blue);--ds-color-focus-surface:var(--ds-color-brand-blue-soft);--ds-color-status-success-strong:var(--ds-color-brand-meadow);--ds-color-status-success-surface:var(--ds-color-brand-meadow-soft);--ds-color-status-success-text:var(--ds-color-success-dark);--ds-color-status-success-border:var(--ds-color-brand-meadow);--ds-color-status-success-icon:var(--ds-color-success-dark);--ds-color-status-warning-strong:var(--ds-color-brand-orange);--ds-color-status-warning-surface:var(--ds-color-brand-orange-soft);--ds-color-status-warning-text:var(--ds-color-warning-dark);--ds-color-status-warning-border:var(--ds-color-brand-orange);--ds-color-status-warning-icon:var(--ds-color-warning-dark);--ds-color-status-error-strong:var(--ds-color-error);--ds-color-status-error-surface:var(--ds-color-error-soft);--ds-color-status-error-text:var(--ds-color-error-dark);--ds-color-status-error-border:var(--ds-color-error-border);--ds-color-status-error-icon:var(--ds-color-error-dark);--ds-color-status-info-strong:var(--ds-color-brand-blue);--ds-color-status-info-surface:var(--ds-color-brand-blue-soft);--ds-color-status-info-text:var(--ds-color-brand-blue-dark);--ds-color-status-info-border:var(--ds-color-brand-blue);--ds-color-status-info-icon:var(--ds-color-brand-blue-dark);--ds-role-pet-owner-primary:var(--ds-color-pastel-rose);--ds-role-pet-owner-secondary:var(--ds-color-pastel-peach);--ds-role-pet-owner-accent:var(--ds-color-pastel-lemon);--ds-role-vet-primary:var(--ds-color-pastel-ice);--ds-role-vet-secondary:var(--ds-color-pastel-aqua);--ds-role-vet-accent:var(--ds-color-pastel-nimbus);--ds-role-provider-primary:var(--ds-color-pastel-lemon);--ds-role-provider-secondary:var(--ds-color-pastel-peach);--ds-role-provider-accent:var(--ds-color-pastel-ice);--ds-role-ngo-primary:var(--ds-color-pastel-orchid);--ds-role-ngo-secondary:var(--ds-color-pastel-aqua);--ds-role-ngo-accent:var(--ds-color-pastel-rose);--ds-role-hostel-primary:var(--ds-color-pastel-lemon);--ds-role-hostel-secondary:var(--ds-color-pastel-rose);--ds-role-hostel-accent:var(--ds-color-pastel-peach);--ds-role-lab-primary:var(--ds-color-pastel-ice);--ds-role-lab-secondary:var(--ds-color-pastel-nimbus);--ds-role-lab-accent:var(--ds-color-pastel-aqua);--ds-role-breeder-primary:var(--ds-color-pastel-peach);--ds-role-breeder-secondary:var(--ds-color-pastel-lemon);--ds-role-breeder-accent:var(--ds-color-pastel-aqua);--ds-role-shop-primary:var(--ds-color-pastel-sage);--ds-role-shop-secondary:var(--ds-color-pastel-peach);--ds-role-shop-accent:var(--ds-color-pastel-lemon);--ds-role-volunteer-primary:var(--ds-color-pastel-aqua);--ds-role-volunteer-secondary:var(--ds-color-pastel-orchid);--ds-role-volunteer-accent:var(--ds-color-pastel-rose);--ds-role-admin-primary:var(--ds-color-pastel-nimbus);--ds-role-admin-secondary:var(--ds-color-pastel-ice);--ds-role-admin-accent:var(--ds-color-pastel-lemon);--ds-space-0:0px;--ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;--ds-space-5:20px;--ds-space-6:24px;--ds-space-8:32px;--ds-space-10:40px;--ds-space-12:48px;--ds-space-16:64px;--ds-space-20:80px;--ds-space-24:96px;--ds-space-32:128px;--ds-radius-none:0px;--ds-radius-xs:4px;--ds-radius-sm:8px;--ds-radius-control:12px;--ds-radius-card:16px;--ds-radius-panel:20px;--ds-radius-full:9999px;--ds-target-coarse-min:44px;--ds-density-compact-panel-padding:12px;--ds-density-compact-section-gap:16px;--ds-density-compact-row-y:8px;--ds-density-standard-panel-padding:20px;--ds-density-standard-section-gap:24px;--ds-density-standard-row-y:12px;--ds-density-relaxed-panel-padding:32px;--ds-density-relaxed-section-gap:40px;--ds-density-relaxed-row-y:16px;--ds-responsive-phone-gutter:16px;--ds-responsive-tablet-gutter:24px;--ds-responsive-desktop-gutter:32px;--ds-responsive-phone-app-bar:56px;--ds-responsive-tablet-header:64px;--ds-responsive-desktop-header:64px;--ds-responsive-desktop-sidebar:256px;--ds-font-application:Inter;--ds-font-display:Bricolage Grotesque;--ds-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--ds-font-weight-regular:400;--ds-font-weight-medium:500;--ds-font-weight-semibold:600;--ds-font-weight-bold:700;--ds-font-size-display-lg:64px;--ds-font-size-display-md:56px;--ds-font-size-display-sm:48px;--ds-font-size-heading-xl:32px;--ds-font-size-heading-lg:28px;--ds-font-size-heading-md:24px;--ds-font-size-heading-sm:20px;--ds-font-size-title-lg:22px;--ds-font-size-title-md:18px;--ds-font-size-title-sm:16px;--ds-font-size-body-lg:16px;--ds-font-size-body-md:15px;--ds-font-size-body-sm:14px;--ds-font-size-label-md:13px;--ds-font-size-label-sm:12px;--ds-action-brand-gradient:linear-gradient(90deg,var(--ds-color-brand-action-highlight) 0%,var(--ds-color-brand-action) 55%,var(--ds-color-brand-action-hover) 100%);--ds-action-brand-gradient-hover:linear-gradient(90deg,var(--ds-color-brand-action) 0%,var(--ds-color-brand-action-hover) 55%,var(--ds-color-brand-action-pressed) 100%);--ds-elevation-1:0 1px 2px rgba(0,0,0,0.05);--ds-elevation-2:0 2px 4px rgba(0,0,0,0.05),0 1px 2px rgba(0,0,0,0.04);--ds-elevation-3:0 4px 8px rgba(0,0,0,0.06),0 2px 4px rgba(0,0,0,0.04);--ds-elevation-4:0 8px 16px rgba(0,0,0,0.08),0 4px 8px rgba(0,0,0,0.04);--ds-elevation-5:0 16px 32px rgba(0,0,0,0.1),0 8px 16px rgba(0,0,0,0.05);--ds-motion-instant:100ms;--ds-motion-fast:150ms;--ds-motion-short:200ms;--ds-motion-standard:300ms;--ds-motion-gentle:400ms;--ds-motion-long:500ms;--ds-easing-standard:cubic-bezier(0.2,0,0,1);--ds-easing-decelerate:cubic-bezier(0,0,0,1);--ds-easing-accelerate:cubic-bezier(0.3,0,1,1);--ds-easing-emphasized:cubic-bezier(0.05,0.7,0.1,1)}