{
 "name": "BAFOS",
 "version": 1,
 "color": {
  "themes": [
   {
    "id": "light",
    "name": "Light"
   },
   {
    "id": "dark",
    "name": "Dark"
   }
  ],
  "tokens": [
   {
    "name": "surface-0",
    "value": {
     "light": "#f7f6f2",
     "dark": "#0f1420"
    },
    "usage": "Page background. Warm paper in light, deep ink in dark."
   },
   {
    "name": "surface-1",
    "value": {
     "light": "#ffffff",
     "dark": "#171d2b"
    },
    "usage": "Cards, panels, inputs, sidebar. Sits on surface-0."
   },
   {
    "name": "surface-2",
    "value": {
     "light": "#eceef3",
     "dark": "#1f2636"
    },
    "usage": "Hover fills, sunken areas, table row hover, neutral badges."
   },
   {
    "name": "line",
    "value": {
     "light": "#dadee7",
     "dark": "#2c344a"
    },
    "usage": "Decorative hairlines and card borders. Never the only edge of a control."
   },
   {
    "name": "line-strong",
    "value": {
     "light": "#bdc3d1",
     "dark": "#46506a"
    },
    "usage": "Dividers that must read, table header rules, upcoming stage bars."
   },
   {
    "name": "ink",
    "value": {
     "light": "#0f1420",
     "dark": "#f7f6f2"
    },
    "usage": "Primary text and primary button fill. 17:1 on surface-0 in light."
   },
   {
    "name": "ink-hover",
    "value": {
     "light": "#252c3d",
     "dark": "#dadee7"
    },
    "usage": "Hover state of the primary button."
   },
   {
    "name": "ink-muted",
    "value": {
     "light": "#566079",
     "dark": "#a3acc2"
    },
    "usage": "Secondary text, labels, placeholders. 5.8:1 on surface-0 in light."
   },
   {
    "name": "ink-faint",
    "value": {
     "light": "#747e96",
     "dark": "#747e96"
    },
    "usage": "Icons, control borders, disabled content. 3:1 or better; never body text."
   },
   {
    "name": "control-border",
    "value": {
     "light": "{ink-faint}",
     "dark": "{ink-faint}"
    },
    "usage": "Border of inputs and secondary buttons. Meets 3:1 on surface-1 in both themes."
   },
   {
    "name": "ignition",
    "value": {
     "light": "#eb4a14",
     "dark": "#ff6a33"
    },
    "usage": "Brand accent. Wordmark dot, accent button fill, current-stage bar, key highlights. One per view."
   },
   {
    "name": "ignition-hover",
    "value": {
     "light": "#ff5f2b",
     "dark": "#ff8557"
    },
    "usage": "Hover state of the accent button. Lighter, so ink text keeps 4.5:1."
   },
   {
    "name": "ignition-text",
    "value": {
     "light": "#b7360b",
     "dark": "#ff8a5c"
    },
    "usage": "Accent used as text or icon on surfaces and on ignition-tint. 5.5:1 in light."
   },
   {
    "name": "ignition-tint",
    "value": {
     "light": "#fde9e1",
     "dark": "#3a1d14"
    },
    "usage": "Quiet accent background: active nav item, highlighted rows."
   },
   {
    "name": "on-ignition",
    "value": {
     "light": "#0f1420",
     "dark": "#0f1420"
    },
    "usage": "Text on an ignition fill. Always ink, never white (white is 3.8:1)."
   },
   {
    "name": "circuit",
    "value": {
     "light": "#2450d6",
     "dark": "#7c9cff"
    },
    "usage": "Links, info, selection and secondary data series. 6:1 on surface-0 in light."
   },
   {
    "name": "circuit-tint",
    "value": {
     "light": "#e4eafd",
     "dark": "#1b2547"
    },
    "usage": "Info backgrounds and selected-row fill."
   },
   {
    "name": "focus-ring",
    "value": {
     "light": "{circuit}",
     "dark": "{circuit}"
    },
    "usage": "Keyboard focus outline, 2px with 2px offset, on every interactive element."
   },
   {
    "name": "on-track",
    "value": {
     "light": "#0f7a4b",
     "dark": "#3dd68c"
    },
    "usage": "Health state On track. Always paired with a circle and the words On track."
   },
   {
    "name": "on-track-tint",
    "value": {
     "light": "#ddf3e8",
     "dark": "#12301f"
    },
    "usage": "Background of the On track badge."
   },
   {
    "name": "at-risk",
    "value": {
     "light": "#8a5a00",
     "dark": "#f2b53b"
    },
    "usage": "Health state At risk. Always paired with a triangle and the words At risk."
   },
   {
    "name": "at-risk-tint",
    "value": {
     "light": "#fbefcf",
     "dark": "#3a2b0a"
    },
    "usage": "Background of the At risk badge."
   },
   {
    "name": "stalled",
    "value": {
     "light": "#b4233a",
     "dark": "#ff6f85"
    },
    "usage": "Health state Stalled, and form errors. Always paired with a square and the words."
   },
   {
    "name": "stalled-tint",
    "value": {
     "light": "#fbe0e4",
     "dark": "#3d161e"
    },
    "usage": "Background of the Stalled badge and error callouts."
   },
   {
    "name": "brand-ink",
    "value": {
     "light": "#0f1420",
     "dark": "#0f1420"
    },
    "usage": "Fixed brand ink for the logo. Does not change with theme."
   },
   {
    "name": "brand-paper",
    "value": {
     "light": "#f7f6f2",
     "dark": "#f7f6f2"
    },
    "usage": "Fixed brand paper for the reversed logo. Does not change with theme."
   },
   {
    "name": "brand-ignition",
    "value": {
     "light": "#eb4a14",
     "dark": "#eb4a14"
    },
    "usage": "Fixed brand accent for the logo dot. Does not change with theme."
   },
   {
    "name": "chart-1",
    "value": {
     "light": "#2450d6",
     "dark": "#7c9cff"
    },
    "usage": "Data series 1. Circuit blue. Lead series."
   },
   {
    "name": "chart-2",
    "value": {
     "light": "#eb4a14",
     "dark": "#ff6a33"
    },
    "usage": "Data series 2. Ignition. Use for the one series to emphasise."
   },
   {
    "name": "chart-3",
    "value": {
     "light": "#0e8f83",
     "dark": "#3ccfc0"
    },
    "usage": "Data series 3. Teal."
   },
   {
    "name": "chart-4",
    "value": {
     "light": "#7a4fd8",
     "dark": "#a98bff"
    },
    "usage": "Data series 4. Violet."
   },
   {
    "name": "chart-5",
    "value": {
     "light": "#566079",
     "dark": "#a3acc2"
    },
    "usage": "Data series 5. Slate. Also for comparison or previous-period lines."
   }
  ]
 },
 "type": {
  "fonts": [],
  "families": {
   "display": "\"Space Grotesk\", \"Inter\", system-ui, sans-serif",
   "ui": "\"Inter\", system-ui, -apple-system, \"Segoe UI\", sans-serif",
   "mono": "\"JetBrains Mono\", ui-monospace, \"SF Mono\", Menlo, monospace"
  },
  "groups": [
   {
    "name": "Display",
    "family": "display",
    "styles": [
     {
      "name": "display-xl",
      "fontSize": "61px",
      "lineHeight": "64px",
      "fontWeight": 700,
      "letterSpacing": "-0.02em",
      "usage": "Marketing hero only. Space Grotesk 700.",
      "sample": "Idea to production"
     },
     {
      "name": "display-lg",
      "fontSize": "49px",
      "lineHeight": "52px",
      "fontWeight": 700,
      "letterSpacing": "-0.02em",
      "usage": "Section openers and empty-state headlines.",
      "sample": "One screen, one truth"
     },
     {
      "name": "h1",
      "fontSize": "39px",
      "lineHeight": "44px",
      "fontWeight": 700,
      "letterSpacing": "-0.015em",
      "usage": "Page title.",
      "sample": "Projects"
     },
     {
      "name": "h2",
      "fontSize": "31px",
      "lineHeight": "38px",
      "fontWeight": 600,
      "letterSpacing": "-0.01em",
      "usage": "Section title.",
      "sample": "This week"
     },
     {
      "name": "h3",
      "fontSize": "25px",
      "lineHeight": "32px",
      "fontWeight": 600,
      "usage": "Panel title.",
      "sample": "Release status"
     },
     {
      "name": "h4",
      "fontSize": "20px",
      "lineHeight": "28px",
      "fontWeight": 600,
      "usage": "Card title, project name.",
      "sample": "Harbour app"
     }
    ]
   },
   {
    "name": "Text",
    "family": "ui",
    "styles": [
     {
      "name": "body-lg",
      "fontSize": "18px",
      "lineHeight": "28px",
      "fontWeight": 400,
      "usage": "Intro paragraphs and onboarding copy.",
      "sample": "Connect a tool and see your project in minutes."
     },
     {
      "name": "body",
      "fontSize": "16px",
      "lineHeight": "24px",
      "fontWeight": 400,
      "usage": "Default reading text and inputs.",
      "sample": "Pulse reads your tools and scores each project."
     },
     {
      "name": "body-sm",
      "fontSize": "14px",
      "lineHeight": "20px",
      "fontWeight": 400,
      "usage": "Dense UI text, tables, helper copy.",
      "sample": "Last synced 4 minutes ago"
     },
     {
      "name": "label",
      "fontSize": "14px",
      "lineHeight": "20px",
      "fontWeight": 600,
      "usage": "Buttons, field labels, nav items.",
      "sample": "Start project"
     },
     {
      "name": "caption",
      "fontSize": "12px",
      "lineHeight": "16px",
      "fontWeight": 500,
      "usage": "Hints, timestamps, badge text.",
      "sample": "Updated today"
     }
    ]
   },
   {
    "name": "Data",
    "family": "mono",
    "styles": [
     {
      "name": "metric",
      "fontSize": "39px",
      "lineHeight": "44px",
      "fontWeight": 600,
      "family": "display",
      "usage": "Large numerals on metric tiles. Space Grotesk, tabular figures.",
      "sample": "1,284"
     },
     {
      "name": "overline",
      "fontSize": "12px",
      "lineHeight": "16px",
      "fontWeight": 500,
      "letterSpacing": "0.08em",
      "usage": "Uppercase data labels above metrics and table headers.",
      "sample": "WEEKLY ACTIVE PROJECTS"
     },
     {
      "name": "code",
      "fontSize": "14px",
      "lineHeight": "20px",
      "fontWeight": 400,
      "usage": "IDs, commands, timestamps in tables.",
      "sample": "FR-CON-03"
     }
    ]
   }
  ]
 },
 "spacing": {
  "tokens": [
   {
    "name": "space-1",
    "value": "4px",
    "usage": "Icon gaps, label to hint."
   },
   {
    "name": "space-2",
    "value": "8px",
    "usage": "Gap inside a control, between badge and text."
   },
   {
    "name": "space-3",
    "value": "12px",
    "usage": "Input padding, compact rows."
   },
   {
    "name": "space-4",
    "value": "16px",
    "usage": "Default padding and gap between related items."
   },
   {
    "name": "space-5",
    "value": "24px",
    "usage": "Card padding, gap between cards."
   },
   {
    "name": "space-6",
    "value": "32px",
    "usage": "Gap between sections inside a page."
   },
   {
    "name": "space-7",
    "value": "48px",
    "usage": "Page margins on desktop, large block gaps."
   },
   {
    "name": "space-8",
    "value": "64px",
    "usage": "Section spacing on marketing pages."
   },
   {
    "name": "space-9",
    "value": "96px",
    "usage": "Hero spacing."
   }
  ]
 },
 "radius": {
  "tokens": [
   {
    "name": "radius-sm",
    "value": "4px",
    "usage": "Badges' inner shapes, small tags, focus rings on inline items."
   },
   {
    "name": "radius-md",
    "value": "8px",
    "usage": "Buttons, inputs, nav items."
   },
   {
    "name": "radius-lg",
    "value": "12px",
    "usage": "Cards, panels, cover tiles."
   },
   {
    "name": "radius-xl",
    "value": "20px",
    "usage": "Modals and large feature panels."
   },
   {
    "name": "radius-pill",
    "value": "999px",
    "usage": "Status badges and filter chips."
   }
  ]
 },
 "shadow": {
  "tokens": [
   {
    "name": "shadow-sm",
    "value": {
     "light": "0 1px 2px rgba(15,20,32,0.08)",
     "dark": "0 1px 2px rgba(0,0,0,0.5)"
    },
    "usage": "Cards at rest."
   },
   {
    "name": "shadow-md",
    "value": {
     "light": "0 4px 16px rgba(15,20,32,0.10)",
     "dark": "0 4px 16px rgba(0,0,0,0.5)"
    },
    "usage": "Menus and popovers."
   },
   {
    "name": "shadow-lg",
    "value": {
     "light": "0 16px 40px rgba(15,20,32,0.16)",
     "dark": "0 16px 40px rgba(0,0,0,0.6)"
    },
    "usage": "Modals."
   }
  ]
 },
 "sizing": {
  "tokens": [
   {
    "name": "control-sm",
    "value": "32px",
    "usage": "Small button and input height."
   },
   {
    "name": "control-md",
    "value": "40px",
    "usage": "Default button and input height."
   },
   {
    "name": "control-lg",
    "value": "48px",
    "usage": "Large button and input height; primary call to action."
   },
   {
    "name": "sidebar-width",
    "value": "248px",
    "usage": "Width of the app sidebar."
   },
   {
    "name": "container-max",
    "value": "1200px",
    "usage": "Maximum content width on desktop."
   }
  ]
 }
}