{
  "$schema": "https://design-tokens.org/format",
  "meta": {
    "name": "Colaberry Design System",
    "version": "1.0.0",
    "generated": "2026-06-17"
  },
  "color": {
    "brand": {
      "cherry": "#FB2832",
      "leaf": "#77BB4A",
      "berry": "#367895"
    },
    "red": {
      "red-50": "#FFF0F1",
      "red-100": "#FFDBDD",
      "red-200": "#FFB8BC",
      "red-300": "#FE8A90",
      "red-400": "#FD5760",
      "red-500": "#FB2832",
      "red-600": "#E5121D",
      "red-700": "#C20E1E",
      "red-800": "#9B0E18",
      "red-900": "#7A1016"
    },
    "green": {
      "green-50": "#F1F9EA",
      "green-100": "#DEF0CC",
      "green-200": "#C2E3A1",
      "green-300": "#A2D375",
      "green-400": "#8AC759",
      "green-500": "#77BB4A",
      "green-600": "#5BA63C",
      "green-700": "#468A2E",
      "green-800": "#356A24",
      "green-900": "#2A521E"
    },
    "blue": {
      "blue-50": "#EAF2F6",
      "blue-100": "#CFE0E9",
      "blue-200": "#A6C5D5",
      "blue-300": "#6F9DB6",
      "blue-400": "#4A86A2",
      "blue-500": "#367895",
      "blue-600": "#2E6A86",
      "blue-700": "#265A72",
      "blue-800": "#20485C",
      "blue-900": "#1A3947"
    },
    "neutral": {
      "neutral-0": "#FFFFFF",
      "neutral-50": "#F8F8F7",
      "neutral-100": "#F1F1F0",
      "neutral-200": "#E4E4E3",
      "neutral-300": "#D8D8D8",
      "neutral-400": "#B4B4B4",
      "neutral-500": "#8C8C8C",
      "neutral-600": "#6B6B6B",
      "neutral-700": "#4A4A4A",
      "neutral-800": "#2B2B2B",
      "neutral-900": "#1A1A1A",
      "neutral-950": "#0F0F0F",
      "neutral-1000": "#000000"
    },
    "functional": {
      "amber-50": "#FCF1DD",
      "amber-300": "#F5C878",
      "amber-500": "#E8920C",
      "amber-700": "#96590A",
      "purple-500": "#7A5AF0",
      "teal-500": "#2BA39A"
    },
    "semantic": {
      "brand-primary": "var(--red-500)",
      "brand-secondary": "var(--green-500)",
      "brand-tertiary": "var(--blue-500)",
      "brand-accent": "var(--red-500)",
      "surface-page": "var(--neutral-0)",
      "surface-subtle": "var(--neutral-50)",
      "surface-card": "var(--neutral-0)",
      "surface-sunken": "var(--neutral-100)",
      "surface-inverse": "var(--neutral-900)",
      "surface-brand": "var(--red-600)",
      "surface-brand-subtle": "var(--red-50)",
      "surface-green-subtle": "var(--green-50)",
      "surface-blue-subtle": "var(--blue-50)",
      "text-strong": "var(--neutral-900)",
      "text-body": "var(--neutral-800)",
      "text-muted": "var(--neutral-600)",
      "text-subtle": "var(--neutral-600)",
      "text-on-accent": "var(--neutral-0)",
      "text-on-inverse": "var(--neutral-0)",
      "text-link": "var(--blue-600)",
      "text-link-hover": "var(--blue-700)",
      "text-brand": "var(--red-700)",
      "text-brand-hover": "var(--red-800)",
      "text-on-light-green": "var(--green-800)",
      "border-subtle": "var(--neutral-200)",
      "border-default": "var(--neutral-300)",
      "border-strong": "var(--neutral-400)",
      "border-brand": "var(--red-500)",
      "border-focus": "var(--blue-500)",
      "action-bg": "var(--red-600)",
      "action-bg-hover": "var(--red-700)",
      "action-bg-press": "var(--red-800)",
      "action-fg": "var(--neutral-0)",
      "action-confirm-bg": "var(--green-500)",
      "action-confirm-bg-hover": "var(--green-400)",
      "action-confirm-bg-press": "var(--green-600)",
      "action-confirm-fg": "var(--neutral-900)",
      "action-danger-bg": "var(--red-600)",
      "action-danger-bg-hover": "var(--red-700)",
      "action-danger-bg-press": "var(--red-800)",
      "action-danger-fg": "var(--neutral-0)",
      "action-green-bg": "var(--green-600)",
      "action-green-bg-hover": "var(--green-700)",
      "action-green-fg": "var(--neutral-0)",
      "status-success": "var(--green-600)",
      "status-success-fg": "var(--green-800)",
      "status-success-bg": "var(--green-50)",
      "status-danger": "var(--red-600)",
      "status-danger-fg": "var(--red-700)",
      "status-danger-bg": "var(--red-50)",
      "status-info": "var(--blue-500)",
      "status-info-fg": "var(--blue-700)",
      "status-info-bg": "var(--blue-50)",
      "status-warning": "var(--amber-500)",
      "status-warning-fg": "var(--amber-700)",
      "status-warning-bg": "var(--amber-50)",
      "surface-on-accent": "color-mix(in srgb, var(--neutral-0) 10%, transparent)",
      "border-on-accent": "color-mix(in srgb, var(--neutral-0) 24%, transparent)",
      "overlay-scrim": "color-mix(in srgb, var(--neutral-950) 50%, transparent)",
      "control-track": "var(--neutral-300)",
      "control-checked": "var(--green-600)",
      "border-1": "1px",
      "border-2": "2px",
      "border-3": "3px"
    },
    "dataviz": {
      "categorical": [
        "#367895",
        "#FB2832",
        "#5BA63C",
        "#E8920C",
        "#7A5AF0",
        "#2BA39A",
        "#C2185B",
        "#6B6B6B"
      ],
      "sequential": [
        "#EAF2F6",
        "#C2DAE6",
        "#8FBBCF",
        "#5A97B4",
        "#367895",
        "#244F62"
      ],
      "diverging": [
        "#C20E1E",
        "#FD5760",
        "#F1F1F0",
        "#8AC759",
        "#468A2E"
      ]
    }
  },
  "typography": {
    "family": {
      "font-display": "'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif",
      "font-body": "'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif",
      "font-mono": "'Roboto Mono', ui-monospace, 'SF Mono', Menlo, monospace",
      "font-logo": "'Quicksand', 'Trebuchet MS', sans-serif"
    },
    "size": {
      "fs-display": "60px",
      "fs-h1": "48px",
      "fs-h2": "36px",
      "fs-h3": "28px",
      "fs-h4": "22px",
      "fs-h5": "20px",
      "fs-body-lg": "20px",
      "fs-body": "18px",
      "fs-body-sm": "16px",
      "fs-caption": "14px",
      "fs-overline": "12px",
      "fs-hero-fluid": "clamp(40px, 6vw, 72px)"
    },
    "weight": {
      "fw-regular": "400",
      "fw-medium": "500",
      "fw-bold": "700",
      "fw-black": "900"
    },
    "lineHeight": {
      "lh-tight": "1.1",
      "lh-snug": "1.25",
      "lh-heading": "1.2",
      "lh-normal": "1.5",
      "lh-relaxed": "1.65"
    },
    "letterSpacing": {
      "ls-tighter": "-0.02em",
      "ls-tight": "-0.01em",
      "ls-normal": "0",
      "ls-wide": "0.02em",
      "ls-overline": "0.08em"
    }
  },
  "space": {
    "space-0": "0",
    "space-1": "4px",
    "space-2": "8px",
    "space-3": "12px",
    "space-4": "16px",
    "space-5": "20px",
    "space-6": "24px",
    "space-8": "32px",
    "space-10": "40px",
    "space-12": "48px",
    "space-16": "64px",
    "space-20": "80px",
    "space-24": "96px",
    "space-32": "128px"
  },
  "radius": {
    "radius-xs": "4px",
    "radius-sm": "8px",
    "radius-md": "12px",
    "radius-lg": "16px",
    "radius-xl": "24px",
    "radius-2xl": "32px",
    "radius-pill": "999px",
    "radius-circle": "50%"
  },
  "shadow": {
    "shadow-xs": "0 1px 2px rgba(26,26,26,0.04)",
    "shadow-sm": "0 1px 2px rgba(26,26,26,0.05), 0 1px 1px rgba(26,26,26,0.04)",
    "shadow-md": "0 3px 8px rgba(26,26,26,0.06), 0 1px 3px rgba(26,26,26,0.04)",
    "shadow-lg": "0 8px 20px rgba(26,26,26,0.07), 0 3px 6px rgba(26,26,26,0.04)",
    "shadow-xl": "0 16px 38px rgba(26,26,26,0.09), 0 5px 12px rgba(26,26,26,0.05)",
    "shadow-brand": "0 6px 18px color-mix(in srgb, var(--red-500) 20%, transparent)"
  },
  "breakpoint": {
    "bp-sm": "640px",
    "bp-md": "768px",
    "bp-lg": "1024px",
    "bp-xl": "1280px",
    "bp-2xl": "1536px"
  },
  "motion": {
    "ease": {
      "ease-out": "cubic-bezier(0.22, 1, 0.36, 1)",
      "ease-in": "cubic-bezier(0.55, 0, 1, 0.45)",
      "ease-in-out": "cubic-bezier(0.65, 0, 0.35, 1)",
      "ease-standard": "cubic-bezier(0.2, 0, 0, 1)",
      "ease-emphasized": "cubic-bezier(0.16, 1, 0.3, 1)",
      "ease-spring": "cubic-bezier(0.34, 1.56, 0.64, 1)"
    },
    "duration": {
      "dur-instant": "90ms",
      "dur-fast": "140ms",
      "dur-base": "220ms",
      "dur-slow": "360ms",
      "dur-slower": "560ms"
    },
    "choreography": {
      "motion-rise": "14px",
      "motion-rise-lg": "28px",
      "stagger": "70ms",
      "stagger-tight": "45ms"
    }
  },
  "theme": {
    "dark": {
      "surface-page": "var(--neutral-950)",
      "surface-subtle": "#161616",
      "surface-card": "var(--neutral-900)",
      "surface-sunken": "var(--neutral-1000)",
      "surface-inverse": "var(--neutral-800)",
      "surface-brand": "var(--red-600)",
      "surface-brand-subtle": "color-mix(in srgb, var(--red-500) 16%, var(--neutral-950))",
      "surface-green-subtle": "color-mix(in srgb, var(--green-500) 14%, var(--neutral-950))",
      "surface-blue-subtle": "color-mix(in srgb, var(--blue-400) 16%, var(--neutral-950))",
      "text-strong": "var(--neutral-0)",
      "text-body": "var(--neutral-200)",
      "text-muted": "var(--neutral-400)",
      "text-subtle": "var(--neutral-500)",
      "text-on-accent": "var(--neutral-0)",
      "text-on-inverse": "var(--neutral-0)",
      "text-link": "var(--blue-300)",
      "text-link-hover": "var(--blue-200)",
      "text-brand": "var(--red-300)",
      "text-brand-hover": "var(--red-200)",
      "text-on-light-green": "var(--green-400)",
      "border-subtle": "rgba(255,255,255,0.08)",
      "border-default": "rgba(255,255,255,0.14)",
      "border-strong": "rgba(255,255,255,0.24)",
      "action-green-bg": "var(--green-500)",
      "action-green-bg-hover": "var(--green-400)",
      "control-track": "var(--neutral-700)",
      "status-success": "var(--green-400)",
      "status-success-fg": "var(--green-300)",
      "status-success-bg": "color-mix(in srgb, var(--green-500) 16%, var(--neutral-950))",
      "status-danger": "var(--red-400)",
      "status-danger-fg": "var(--red-300)",
      "status-danger-bg": "color-mix(in srgb, var(--red-500) 18%, var(--neutral-950))",
      "status-info": "var(--blue-300)",
      "status-info-fg": "var(--blue-200)",
      "status-info-bg": "color-mix(in srgb, var(--blue-400) 20%, var(--neutral-950))",
      "status-warning": "var(--amber-500)",
      "status-warning-fg": "var(--amber-300)",
      "status-warning-bg": "color-mix(in srgb, var(--amber-500) 15%, var(--neutral-950))",
      "overlay-scrim": "color-mix(in srgb, var(--neutral-1000) 68%, transparent)",
      "chart-1": "#5AA8C4",
      "chart-2": "#FF6B72",
      "chart-3": "#8AC759",
      "chart-4": "#F0A93A",
      "chart-5": "#9B83F5",
      "chart-6": "#44C0B6",
      "chart-7": "#E85C92",
      "chart-8": "#B4B4B4",
      "seq-1": "#1A3947",
      "seq-2": "#244F62",
      "seq-3": "#367895",
      "seq-4": "#5A97B4",
      "seq-5": "#8FBBCF",
      "seq-6": "#C2DAE6",
      "focus-ring": "0 0 0 3px color-mix(in srgb, var(--blue-300) 50%, transparent)"
    }
  }
}