{
  "$schema": "https://metabuilder.dev/schemas/package-styles.schema.json",
  "schemaVersion": "2.0.0",
  "colors": {
    "headerBackground": "rgba(255, 255, 255, 0.8)",
    "headerBackgroundDark": "rgba(26, 26, 26, 0.8)",
    "headerBorder": "var(--border)",
    "navLinkDefault": "var(--muted-foreground)",
    "navLinkHover": "var(--foreground)",
    "navLinkActive": "var(--primary)",
    "brandGradientStart": "var(--color-primary)",
    "brandGradientEnd": "var(--color-accent)"
  },
  "spacing": {
    "headerHeight": "64px",
    "headerPaddingX": "1.5rem",
    "headerPaddingXMd": "2rem",
    "navLinkGap": "2rem",
    "logoGap": "0.5rem",
    "actionsGap": "0.5rem"
  },
  "shadows": {
    "headerShadow": "0 1px 3px rgba(0, 0, 0, 0.1)",
    "headerElevated": "0 2px 8px rgba(0, 0, 0, 0.15)"
  },
  "typography": {
    "brandFontSize": "1.25rem",
    "brandFontWeight": 700,
    "navLinkFontSize": "0.875rem",
    "navLinkFontWeight": 500,
    "ctaFontSize": "0.875rem",
    "ctaFontWeight": 600
  },
  "transitions": {
    "navLinkTransition": "color 0.2s ease-in-out",
    "logoHoverTransition": "opacity 0.2s ease-in-out",
    "underlineTransition": "width 0.2s ease-in-out"
  },
  "breakpoints": {
    "mobileMenuBreakpoint": "768px"
  },
  "components": {
    "headerNavigation": {
      "position": "sticky",
      "top": 0,
      "zIndex": 50,
      "backdropFilter": "blur(10px)"
    },
    "headerContainer": {
      "maxWidth": "1280px",
      "margin": "0 auto"
    },
    "navLink": {
      "underlineHeight": "2px",
      "underlineOffset": "-4px"
    },
    "ctaButton": {
      "borderRadius": "0.375rem"
    }
  }
}