{
  "$schema": "https://mariam.app/downloads/tokens/mariam-tokens.json",
  "meta": {
    "name": "Mariam Design Tokens",
    "version": "1.0.0",
    "description": "Official design tokens of the Mariam Design System."
  },
  "colors": {
    "primary": {
      "value": "hsl(220, 90%, 35%)",
      "hex": "#093EAA",
      "role": "Mariam Blue — brand primary"
    },
    "primaryDark": {
      "value": "hsl(220, 90%, 28%)",
      "role": "Hover / pressed state of primary"
    },
    "secondary": {
      "value": "hsl(200, 18%, 46%)",
      "role": "Secondary text and UI elements"
    },
    "accent": {
      "value": "#F5A524",
      "role": "Saffran — accent CTA color"
    },
    "accentHover": {
      "value": "#DC9210",
      "role": "Hover state of accent"
    },
    "accentOn": {
      "value": "#4A2E00",
      "role": "Text color on accent background"
    },
    "success": {
      "value": "oklch(0.45 0.15 145)",
      "role": "Positive state"
    },
    "successBg": {
      "value": "oklch(0.95 0.05 145)",
      "role": "Background for success states"
    },
    "warning": {
      "value": "oklch(0.46 0.15 85)",
      "role": "Cautionary state"
    },
    "warningBg": {
      "value": "oklch(0.95 0.05 85)",
      "role": "Background for warning states"
    },
    "error": {
      "value": "oklch(0.46 0.2 25)",
      "role": "Error / destructive state"
    },
    "errorBg": {
      "value": "oklch(0.95 0.05 25)",
      "role": "Background for error states"
    },
    "info": {
      "value": "oklch(0.45 0.15 240)",
      "role": "Informational state"
    },
    "infoBg": {
      "value": "oklch(0.95 0.05 240)",
      "role": "Background for info states"
    }
  },
  "typography": {
    "fontSans": {
      "value": "Inter",
      "weights": "100–900 (variable)",
      "role": "Default UI font"
    },
    "fontDisplay": {
      "value": "Fugaz One",
      "weights": "400",
      "role": "Display headings"
    },
    "fontAccent": {
      "value": "Climate Crisis",
      "weights": "variable",
      "role": "Campaign & accent text"
    }
  },
  "spacing": {
    "section": {
      "value": "6rem",
      "role": "Vertical section padding"
    },
    "content": {
      "value": "2rem",
      "role": "Inner content gap"
    }
  },
  "radius": {
    "sm": {
      "value": "0.375rem"
    },
    "md": {
      "value": "0.5rem"
    },
    "lg": {
      "value": "1rem"
    }
  }
}