{
  "$meta": {
    "client": "SmartData",
    "client_slug": "smartdata",
    "generated": "2026-07-04",
    "generated_by": "prefixai-design-system-builder",
    "source_bundle": "SmartData shared drive — '5) Creative Projects/1) Core Brand Artifacts/Website + Digital Products/00. 2026 SDATA.US Website/Development (Frontend, Backend, CMS)/_ClaudeCode/css/'",
    "source_files": [
      "design-system.css",
      "styles.css",
      "SDS_BrandGuidelines_1.6.26.pdf (color NAMES + Pantone/CMYK/RGB only)"
    ],
    "token_count": 221,
    "note": "Token names and values are byte-exact from design-system.css (the RELIABLE source, header-declared '221 design tokens'). Names are never renamed. var(...) references preserved as authored. Color human-names in the primitives group are cross-referenced to SDS_BrandGuidelines_1.6.26.pdf where the guide names the swatch; extended ramp colors have no guide names.",
    "design_tokens_css": "03-brand/design-tokens.css is a verbatim byte-identical copy of the source design-system.css (it already is the custom-property mirror)."
  },
  "color.primitive.brand": {
    "sources": [
      "design-system.css (:root, exact hex)",
      "SDS_BrandGuidelines_1.6.26.pdf p.11 (color names + Pantone/CMYK/RGB)"
    ],
    "tokens": {
      "--sds-mauve": "#322045",
      "--sds-mauve-ink": "#1E1329",
      "--sds-light-mauve": "#D097E7",
      "--sds-light-mauve-hi": "#C686D9",
      "--sds-light-mauve-lo": "#DFB8EF",
      "--sds-sunset": "#FE6E4E",
      "--sds-sunset-hi": "#E85A3A",
      "--sds-coral-hi": "#FE7253",
      "--sds-rust": "#83230E",
      "--sds-off-black": "#19181A",
      "--sds-dark-sage": "#28352B",
      "--sds-light-sage": "#BCCCC1",
      "--sds-off-white": "#E7ECE4",
      "--sds-paper": "#FFFFFF",
      "--sds-bone": "#FAF9F3"
    },
    "guide_names": {
      "--sds-mauve": "Mauve (Primary, Pantone 2695 C)",
      "--sds-light-mauve": "Light Mauve (Accent, Pantone Violet 0631 C)",
      "--sds-sunset": "Sunset (Accent, Pantone 165 C)",
      "--sds-rust": "Rust (Secondary Accent, Pantone 174 C)",
      "--sds-off-black": "Off Black (Secondary Accent, Pantone Black 6 C)",
      "--sds-dark-sage": "Dark Sage (Secondary Accent, Pantone 5605 C)",
      "--sds-light-sage": "Light Sage (Accent, Pantone 5595 C)",
      "--sds-off-white": "Off White (Secondary Accent, Pantone 621 C)"
    }
  },
  "color.primitive.purple-ramp": {
    "sources": ["design-system.css (Extended purple ramp)"],
    "tokens": {
      "--sds-purple-900": "#1E1329",
      "--sds-purple-800": "#281A38",
      "--sds-purple-700": "#322045",
      "--sds-purple-600": "#422C55",
      "--sds-purple-500": "#5B3D7B",
      "--sds-purple-400": "#712191",
      "--sds-purple-300": "#9A6FC0",
      "--sds-purple-200": "#D097E7",
      "--sds-purple-100": "#E4DCE8",
      "--sds-purple-50": "#F2EDF6"
    }
  },
  "color.primitive.neutral-ramp": {
    "sources": ["design-system.css (Neutral / greyscale ramp)"],
    "tokens": {
      "--sds-grey-900": "#19181A",
      "--sds-grey-800": "#2A2A2C",
      "--sds-grey-700": "#373739",
      "--sds-grey-600": "#545058",
      "--sds-grey-500": "#777179",
      "--sds-grey-400": "#A6A1AB",
      "--sds-grey-300": "#D2CDE6",
      "--sds-grey-200": "#E4E2DF",
      "--sds-grey-100": "#EFEEEC",
      "--sds-grey-50": "#F7F6F4"
    }
  },
  "color.semantic.surface": {
    "sources": ["design-system.css (Semantic: surfaces)"],
    "tokens": {
      "--color-surface-primary": "var(--sds-paper)",
      "--color-surface-subtle": "var(--sds-off-white)",
      "--color-surface-raised": "var(--sds-paper)",
      "--color-surface-inverse": "var(--sds-mauve)",
      "--color-surface-inverse-2": "var(--sds-mauve-ink)",
      "--color-surface-brand": "var(--sds-sunset)",
      "--color-surface-sage": "var(--sds-off-white)",
      "--color-surface-overlay": "rgba(25, 24, 26, 0.55)"
    }
  },
  "color.semantic.text": {
    "sources": ["design-system.css (Semantic: text)"],
    "tokens": {
      "--color-text-default": "var(--sds-off-black)",
      "--color-text-muted": "var(--sds-grey-600)",
      "--color-text-subtle": "var(--sds-grey-500)",
      "--color-text-heading": "var(--sds-mauve)",
      "--color-text-on-dark": "var(--sds-paper)",
      "--color-text-on-dark-muted": "rgba(255,255,255,0.72)",
      "--color-text-brand": "var(--sds-sunset)",
      "--color-text-on-brand": "var(--sds-paper)",
      "--color-text-link": "var(--sds-sunset)"
    }
  },
  "color.semantic.border": {
    "sources": ["design-system.css (Semantic: borders)"],
    "tokens": {
      "--color-border-default": "var(--sds-grey-200)",
      "--color-border-strong": "var(--sds-grey-300)",
      "--color-border-on-dark": "rgba(255,255,255,0.14)",
      "--color-border-brand": "var(--sds-sunset)",
      "--color-border-focus": "var(--sds-light-mauve)"
    }
  },
  "color.semantic.interaction": {
    "sources": ["design-system.css (Semantic: interaction + Button palette)"],
    "tokens": {
      "--color-action-primary": "var(--sds-sunset)",
      "--color-action-primary-hover": "var(--sds-sunset-hi)",
      "--color-action-primary-active": "var(--sds-rust)",
      "--color-action-secondary": "var(--sds-mauve)",
      "--color-action-secondary-hover": "var(--sds-purple-600)",
      "--color-btn-primary": "var(--sds-sunset-hi)",
      "--color-btn-primary-hover": "var(--sds-sunset)",
      "--color-btn-primary-tile": "var(--sds-coral-hi)",
      "--color-btn-secondary": "var(--sds-light-mauve)",
      "--color-btn-secondary-hover": "var(--sds-light-mauve-lo)",
      "--color-btn-secondary-tile": "var(--sds-light-mauve-hi)",
      "--color-btn-secondary-text": "var(--sds-mauve)",
      "--color-btn-tertiary-body": "var(--sds-bone)",
      "--color-btn-tertiary-tile": "var(--sds-off-white)",
      "--color-btn-outline-border": "#897991",
      "--color-btn-outline-border-hover": "var(--sds-purple-500)",
      "--color-hover-tint-dark": "rgba(255,255,255,0.08)",
      "--color-hover-tint-light": "rgba(25,24,26,0.04)"
    }
  },
  "color.semantic.status": {
    "sources": ["design-system.css (Semantic: status)"],
    "tokens": {
      "--color-success": "#2E7D5B",
      "--color-success-bg": "#E6F1EC",
      "--color-warning": "#C77A12",
      "--color-warning-bg": "#FBEFD9",
      "--color-error": "#B23A1B",
      "--color-error-bg": "#FBE6DF",
      "--color-info": "var(--sds-purple-400)",
      "--color-info-bg": "var(--sds-purple-50)"
    }
  },
  "color.dataviz": {
    "sources": ["design-system.css (Data-viz / pattern node colors)"],
    "tokens": {
      "--color-node-accent": "var(--sds-sunset)",
      "--color-node-neutral": "rgba(255,255,255,0.55)",
      "--color-node-line": "rgba(255,255,255,0.18)"
    }
  },
  "typography.families": {
    "sources": ["design-system.css (Type families + @font-face)"],
    "tokens": {
      "--font-display": "\"Space Grotesk\", \"Helvetica Neue\", Arial, sans-serif",
      "--font-body": "\"DM Sans\", \"Helvetica Neue\", Arial, sans-serif",
      "--font-doc": "Arial, \"Helvetica Neue\", sans-serif"
    },
    "fonts": [
      {
        "family": "Space Grotesk",
        "role": "display / headlines / key messaging / digital",
        "status": "ok",
        "files": ["fonts/SpaceGrotesk-var.woff2"],
        "weights": "300 700 (variable)",
        "source": "design-system.css @font-face; SDS_BrandGuidelines_1.6.26.pdf p.14"
      },
      {
        "family": "DM Sans",
        "role": "body / longer-form content / quotes / formal comms",
        "status": "ok",
        "files": ["fonts/DMSans-var.woff2"],
        "weights": "400 700 (variable)",
        "source": "design-system.css @font-face; SDS_BrandGuidelines_1.6.26.pdf p.15"
      },
      {
        "family": "Arial",
        "role": "client-facing documents only (fallback / non-marketing)",
        "status": "ok",
        "files": [],
        "source": "SDS_BrandGuidelines_1.6.26.pdf p.15 note; design-system.css --font-doc"
      }
    ]
  },
  "typography.weights": {
    "sources": ["design-system.css (Weights)"],
    "tokens": {
      "--fw-light": "300",
      "--fw-regular": "400",
      "--fw-medium": "500",
      "--fw-semibold": "600",
      "--fw-bold": "700"
    }
  },
  "typography.size": {
    "sources": ["design-system.css (Font sizes)"],
    "tokens": {
      "--fs-d1": "128px",
      "--fs-h1": "72px",
      "--fs-h2": "60px",
      "--fs-h3": "48px",
      "--fs-h4": "32px",
      "--fs-h5": "26px",
      "--fs-h6": "20px",
      "--fs-body-xl": "20px",
      "--fs-body-lg": "18px",
      "--fs-body-md": "16px",
      "--fs-body-sm": "14px",
      "--fs-body-xs": "12px",
      "--fs-eyebrow": "12px",
      "--fs-label": "12px",
      "--fs-button-lg": "15px",
      "--fs-button-sm": "14px",
      "--fs-caption": "13px"
    }
  },
  "typography.lineHeight": {
    "sources": ["design-system.css (Line heights)"],
    "tokens": {
      "--lh-d1": "136px",
      "--lh-h1": "78px",
      "--lh-h2": "68px",
      "--lh-h3": "56px",
      "--lh-h4": "38px",
      "--lh-h5": "32px",
      "--lh-h6": "26px",
      "--lh-body-xl": "30px",
      "--lh-body-lg": "28px",
      "--lh-body-md": "24px",
      "--lh-body-sm": "20px",
      "--lh-body-xs": "16px",
      "--lh-eyebrow": "16px",
      "--lh-label": "14px",
      "--lh-button-lg": "15px",
      "--lh-button-sm": "14px",
      "--lh-caption": "18px",
      "--lh-tight": "1.05",
      "--lh-snug": "1.25",
      "--lh-normal": "1.5"
    }
  },
  "typography.letterSpacing": {
    "sources": ["design-system.css (Letter spacing)"],
    "tokens": {
      "--ls-d1": "-2px",
      "--ls-h1": "-2px",
      "--ls-h2": "-2px",
      "--ls-h3": "-2px",
      "--ls-h4": "0px",
      "--ls-h5": "0px",
      "--ls-h6": "0px",
      "--ls-eyebrow": "2px",
      "--ls-label": "1px"
    }
  },
  "spacing": {
    "sources": ["design-system.css (Spacing)"],
    "tokens": {
      "--space-0": "0px",
      "--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-28": "112px",
      "--space-32": "128px",
      "--space-component-sm": "var(--space-3)",
      "--space-component-md": "var(--space-4)",
      "--space-component-lg": "var(--space-6)",
      "--space-component-xl": "var(--space-8)",
      "--space-gutter": "var(--space-6)",
      "--space-gutter-xxl": "var(--space-20)",
      "--space-section": "var(--space-28)",
      "--space-section-sm": "var(--space-16)"
    }
  },
  "layout.containers": {
    "sources": ["design-system.css (Containers / grid / page + Breakpoints)"],
    "tokens": {
      "--container-max": "1280px",
      "--container-wide": "1440px",
      "--container-prose": "720px",
      "--page-margin": "80px",
      "--page-margin-sm": "20px",
      "--page-max": "1180px",
      "--grid-columns": "12",
      "--grid-gap": "var(--space-6)",
      "--bp-sm": "640px",
      "--bp-md": "768px",
      "--bp-lg": "1024px",
      "--bp-xl": "1280px",
      "--bp-2xl": "1440px"
    }
  },
  "radius": {
    "sources": ["design-system.css (Radii)"],
    "tokens": {
      "--radius-none": "0px",
      "--radius-xs": "4px",
      "--radius-sm": "6px",
      "--radius-md": "8px",
      "--radius-lg": "12px",
      "--radius-xl": "20px",
      "--radius-2xl": "28px",
      "--radius-pill": "999px",
      "--radius-button": "var(--radius-sm)",
      "--radius-card": "var(--radius-lg)",
      "--radius-input": "var(--radius-md)"
    }
  },
  "border": {
    "sources": ["design-system.css (Borders)"],
    "tokens": {
      "--border-width": "1px",
      "--border-width-strong": "1.5px",
      "--border-divider": "1px"
    }
  },
  "shadow": {
    "sources": ["design-system.css (Shadows)"],
    "tokens": {
      "--shadow-xs": "0 1px 2px rgba(25, 24, 26, 0.06)",
      "--shadow-sm": "0 1px 3px rgba(25, 24, 26, 0.08), 0 1px 2px rgba(25, 24, 26, 0.04)",
      "--shadow-md": "0 4px 12px rgba(50, 32, 69, 0.10), 0 2px 4px rgba(50, 32, 69, 0.06)",
      "--shadow-lg": "0 12px 28px rgba(50, 32, 69, 0.14), 0 4px 8px rgba(50, 32, 69, 0.06)",
      "--shadow-xl": "0 24px 56px rgba(30, 19, 41, 0.22)",
      "--shadow-focus": "0 0 0 3px rgba(208, 151, 231, 0.45)",
      "--shadow-brand-glow": "0 8px 28px rgba(254, 110, 78, 0.32)",
      "--shadow-card": "var(--shadow-md)",
      "--shadow-elevated": "var(--shadow-lg)"
    }
  },
  "opacity": {
    "sources": ["design-system.css (Opacity)"],
    "tokens": {
      "--opacity-disabled": "0.4",
      "--opacity-muted": "0.64",
      "--opacity-overlay": "0.55",
      "--opacity-pattern": "0.25"
    }
  },
  "motion": {
    "sources": ["design-system.css (Motion)"],
    "tokens": {
      "--duration-instant": "80ms",
      "--duration-fast": "150ms",
      "--duration-base": "220ms",
      "--duration-slow": "360ms",
      "--duration-slower": "560ms",
      "--ease-standard": "cubic-bezier(0.2, 0.0, 0.2, 1)",
      "--ease-emphasized": "cubic-bezier(0.16, 1, 0.3, 1)",
      "--ease-exit": "cubic-bezier(0.4, 0.0, 1, 1)",
      "--ease-spring": "cubic-bezier(0.34, 1.56, 0.64, 1)"
    }
  },
  "zIndex": {
    "sources": ["design-system.css (Z-index scale)"],
    "tokens": {
      "--z-base": "0",
      "--z-raised": "10",
      "--z-sticky": "100",
      "--z-header": "200",
      "--z-dropdown": "300",
      "--z-overlay": "400",
      "--z-modal": "500",
      "--z-toast": "600",
      "--z-tooltip": "700"
    }
  }
}