{
 "name": "Auton",
 "version": 3,
 "color": {
  "themes": [
   {
    "id": "light",
    "name": "Light"
   },
   {
    "id": "dark",
    "name": "Dark"
   }
  ],
  "tokens": [
   {
    "name": "auton-green",
    "value": {
     "light": "#01B75C",
     "dark": "#30D158"
    },
    "usage": "Brand accent. Primary CTA, charging/on state, energy data, the one accent on slides. Large fills and the logo only on white; never body text on white."
   },
   {
    "name": "auton-green-text",
    "value": {
     "light": "#00874A",
     "dark": "#30D158"
    },
    "usage": "Green used as text or thin lines on light grounds (4.6:1 on white)."
   },
   {
    "name": "auton-navy",
    "value": {
     "light": "#2A4558",
     "dark": "#2A4558"
    },
    "usage": "Structural colour: secondary buttons, selected states, dark cards in bright decks, chart series 2."
   },
   {
    "name": "auton-teal",
    "value": {
     "light": "#128A81",
     "dark": "#64D2FF"
    },
    "usage": "Scheduled state and secondary data. End stop of the green→teal hero-number gradient."
   },
   {
    "name": "auton-blue",
    "value": {
     "light": "#469CCE",
     "dark": "#0A84FF"
    },
    "usage": "Focus ring, links, available state."
   },
   {
    "name": "ink",
    "value": {
     "light": "#15232E",
     "dark": "#FFFFFF"
    },
    "usage": "Primary text and headlines."
   },
   {
    "name": "ink-body",
    "value": {
     "light": "#2A4558",
     "dark": "#F5F5F7"
    },
    "usage": "Body text."
   },
   {
    "name": "ink-muted",
    "value": {
     "light": "#5F7383",
     "dark": "#A1A1A6"
    },
    "usage": "Secondary text, captions, footnotes (7:1+ on both grounds)."
   },
   {
    "name": "surface-page",
    "value": {
     "light": "#FCFCFC",
     "dark": "#000000"
    },
    "usage": "Page and slide background. Dark decks and dark bento are true black."
   },
   {
    "name": "surface-subtle",
    "value": {
     "light": "#F7F6F3",
     "dark": "#1A1A1A"
    },
    "usage": "Alternating bands; dark bento canvas."
   },
   {
    "name": "surface-card",
    "value": {
     "light": "#FFFFFF",
     "dark": "#1C1C1E"
    },
    "usage": "Cards and light bento tiles."
   },
   {
    "name": "surface-tile",
    "value": {
     "light": "#EAEAEA",
     "dark": "#000000"
    },
    "usage": "Bento tiles (light: grey tile on white canvas; dark: black tile on #1A1A1A canvas)."
   },
   {
    "name": "surface-inverse",
    "value": {
     "light": "#15232E",
     "dark": "#1C1C1E"
    },
    "usage": "Footer, data panels, navy hero blocks."
   },
   {
    "name": "hairline",
    "value": {
     "light": "#E4E1DA",
     "dark": "#333336"
    },
    "usage": "1px dividers and table rows. Borders carry separation, not shadows."
   },
   {
    "name": "status-warning",
    "value": {
     "light": "#D98E04",
     "dark": "#FF9F0A"
    },
    "usage": "Warning state only."
   },
   {
    "name": "status-fault",
    "value": {
     "light": "#D1423B",
     "dark": "#FF453A"
    },
    "usage": "Fault/error state only."
   },
   {
    "name": "status-offline",
    "value": {
     "light": "#9A958B",
     "dark": "#86868B"
    },
    "usage": "Offline state; also the grey for non-highlighted chart bars."
   }
  ]
 },
 "type": {
  "families": {
   "display": "\"Auton Round\", Comfortaa, \"Baloo Bhaijaan 2\", system-ui, sans-serif",
   "text": "\"Auton Round\", Comfortaa, \"Baloo Bhaijaan 2\", system-ui, sans-serif",
   "arabic": "\"Auton Round\", Comfortaa, \"Baloo Bhaijaan 2\", system-ui, sans-serif",
   "mono": "\"JetBrains Mono\", ui-monospace, Menlo, monospace"
  },
  "groups": [
   {
    "name": "Slides (1920×1080, px = pt)",
    "family": "display",
    "styles": [
     {
      "name": "slide-hero-number",
      "fontSize": "300px",
      "lineHeight": "1",
      "fontWeight": 700
     },
     {
      "name": "slide-title-cover",
      "fontSize": "100px",
      "lineHeight": "1.05",
      "fontWeight": 600
     },
     {
      "name": "slide-feature",
      "fontSize": "96px",
      "lineHeight": "1.05",
      "fontWeight": 700
     },
     {
      "name": "slide-title",
      "fontSize": "68px",
      "lineHeight": "1.1",
      "fontWeight": 600
     },
     {
      "name": "slide-body",
      "fontSize": "34px",
      "lineHeight": "1.5",
      "fontWeight": 400
     },
     {
      "name": "slide-label",
      "fontSize": "18px",
      "lineHeight": "1.3",
      "fontWeight": 400
     },
     {
      "name": "slide-footnote",
      "fontSize": "11px",
      "lineHeight": "1.3",
      "fontWeight": 400
     }
    ]
   },
   {
    "name": "Web & UI",
    "family": "display",
    "styles": [
     {
      "name": "display-xl",
      "fontSize": "72px",
      "lineHeight": "1.05",
      "fontWeight": 600
     },
     {
      "name": "display-l",
      "fontSize": "56px",
      "lineHeight": "1.08",
      "fontWeight": 600
     },
     {
      "name": "h1",
      "fontSize": "36px",
      "lineHeight": "1.2",
      "fontWeight": 600
     },
     {
      "name": "h2",
      "fontSize": "28px",
      "lineHeight": "1.25",
      "fontWeight": 600
     },
     {
      "name": "h3",
      "fontSize": "22px",
      "lineHeight": "1.3",
      "fontWeight": 600
     }
    ]
   },
   {
    "name": "Text",
    "family": "text",
    "styles": [
     {
      "name": "body-l",
      "fontSize": "18px",
      "lineHeight": "1.55",
      "fontWeight": 400
     },
     {
      "name": "body",
      "fontSize": "16px",
      "lineHeight": "1.55",
      "fontWeight": 400
     },
     {
      "name": "caption",
      "fontSize": "12px",
      "lineHeight": "1.4",
      "fontWeight": 500
     }
    ]
   },
   {
    "name": "Metrics",
    "family": "display",
    "styles": [
     {
      "name": "metric",
      "fontSize": "36px",
      "lineHeight": "1",
      "fontWeight": 600
     }
    ]
   },
   {
    "name": "Arabic",
    "family": "arabic",
    "styles": [
     {
      "name": "ar-headline",
      "fontSize": "40px",
      "lineHeight": "1.45",
      "fontWeight": 600
     },
     {
      "name": "ar-body",
      "fontSize": "18px",
      "lineHeight": "1.85",
      "fontWeight": 400
     }
    ]
   }
  ],
  "fonts": [
   {
    "family": "Auton Round",
    "file": "fonts/AutonSans[wght].woff2",
    "weight": "300 900"
   }
  ]
 },
 "spacing": {
  "tokens": [
   {
    "name": "space-1",
    "value": "4px",
    "usage": "Hairline gaps, icon-to-label."
   },
   {
    "name": "space-2",
    "value": "8px",
    "usage": "Base step; inline spacing."
   },
   {
    "name": "space-4",
    "value": "16px",
    "usage": "Bento gutter (15–16px) and small card padding."
   },
   {
    "name": "space-6",
    "value": "24px",
    "usage": "UI card padding, grid gutter."
   },
   {
    "name": "space-12",
    "value": "48px",
    "usage": "Between groups on a slide."
   },
   {
    "name": "space-16",
    "value": "64px",
    "usage": "Title to content on slides; social-post margin."
   },
   {
    "name": "space-24",
    "value": "96px",
    "usage": "Slide side margins (1920 canvas)."
   },
   {
    "name": "space-32",
    "value": "128px",
    "usage": "Web section vertical padding."
   }
  ]
 },
 "radius": {
  "tokens": [
   {
    "name": "radius-sm",
    "value": "6px",
    "usage": "Buttons and inputs (no pill buttons)."
   },
   {
    "name": "radius-card",
    "value": "14px",
    "usage": "UI cards."
   },
   {
    "name": "radius-slide-card",
    "value": "24px",
    "usage": "Cards on slides."
   },
   {
    "name": "radius-bento",
    "value": "34px",
    "usage": "Bento tiles (Apple measured 31–38px)."
   },
   {
    "name": "radius-pill",
    "value": "999px",
    "usage": "Dots, switches and tag pills only."
   }
  ]
 },
 "shadow": {
  "tokens": [
   {
    "name": "shadow-xs",
    "value": "0 1px 2px rgba(21,35,46,.04)",
    "usage": "Resting UI card. Never on slides or bento."
   },
   {
    "name": "shadow-md",
    "value": "0 2px 6px rgba(21,35,46,.04), 0 12px 32px rgba(21,35,46,.06)",
    "usage": "Hovered interactive card only."
   }
  ]
 },
 "fonts": [
  {
   "family": "Auton Round",
   "file": "fonts/AutonRound[wght].woff2",
   "weight": "300 700"
  },
  {
   "family": "Auton Round",
   "file": "fonts/AutonRound-Light.woff2",
   "weight": "300"
  },
  {
   "family": "Auton Round",
   "file": "fonts/AutonRound-Regular.woff2",
   "weight": "400"
  },
  {
   "family": "Auton Round",
   "file": "fonts/AutonRound-Medium.woff2",
   "weight": "500"
  },
  {
   "family": "Auton Round",
   "file": "fonts/AutonRound-SemiBold.woff2",
   "weight": "600"
  },
  {
   "family": "Auton Round",
   "file": "fonts/AutonRound-Bold.woff2",
   "weight": "700"
  }
 ],
 "motion": {
  "dur-press": "100ms",
  "dur-fast": "120ms",
  "dur-base": "200ms",
  "dur-slow": "360ms",
  "dur-brand": "900ms",
  "ease": "cubic-bezier(.2,0,0,1)",
  "ease-in-out": "cubic-bezier(.4,0,.2,1)",
  "ease-exit": "cubic-bezier(.4,0,1,1)",
  "stagger": "60ms",
  "rise": "12px",
  "press-scale": 0.98
 },
 "icons": {
  "grid": 24,
  "padding": 2,
  "stroke": {
   "24": 1.75,
   "48+": 1.5,
   "on-photo": 2
  },
  "caps": "round",
  "joins": "round",
  "files": "icons/svg/*.svg"
 }
}