{
  "name": "DPOS Expanded Visual Identity System",
  "version": "2.0.0",
  "reviewed": "2026-08-25",
  "direction": ["rtl", "ltr"],
  "themes": ["light", "dark"],
  "densities": ["comfortable", "compact"],
  "referenceSet": {
    "status": "manager-approved",
    "screensReviewed": 17,
    "runtimeDependency": false
  },
  "tokens": {
    "primary": "#125076",
    "primaryDark": "#0B3B59",
    "conversion": "#125076",
    "ink": "#102A3A",
    "tint": "#E6F3F6",
    "success": "#168A4A",
    "warning": "#D97706",
    "danger": "#D64545",
    "information": "#087EA4",
    "canvas": "#F7FAFB",
    "surface": "#FFFFFF",
    "border": "#D7E2E7",
    "mutedText": "#667085",
    "mainText": "#102A3A",
    "spaceBase": "8px",
    "controlHeight": "44px",
    "radius": "12px",
    "iconStroke": "2px"
  },
  "solutionSurfaces": [
    "public-web",
    "authentication",
    "tenant-workspace",
    "platform-governance",
    "email",
    "a4-invoice",
    "thermal-receipt",
    "print",
    "flutter-android",
    "flutter-windows"
  ],
  "families": [
    {
      "name": "actions",
      "classes": ["dpos-btn", "dpos-btn--secondary", "dpos-btn--conversion", "dpos-btn--danger", "dpos-icon-btn"],
      "states": ["default", "hover", "active", "focus-visible", "loading", "disabled"]
    },
    {
      "name": "forms",
      "classes": ["dpos-form-grid", "dpos-form-field", "dpos-field", "dpos-select", "dpos-switch"],
      "states": ["default", "filled", "focus-visible", "success", "warning", "error", "readonly", "disabled"]
    },
    {
      "name": "selection",
      "classes": ["dpos-switch", "dpos-tabs", "dpos-tab"],
      "states": ["unchecked", "checked", "mixed", "selected", "disabled"]
    },
    {
      "name": "navigation",
      "classes": ["dpos-tabs", "dpos-tab", "dpos-shell", "dpos-shell__nav", "dpos-command"],
      "patterns": ["tabs", "breadcrumb", "pagination", "toolbar", "sidebar"]
    },
    {
      "name": "status-feedback",
      "classes": ["dpos-badge", "dpos-alert", "dpos-stepper", "dpos-step"],
      "variants": ["success", "warning", "danger", "info", "neutral", "refunded"]
    },
    {
      "name": "data-display",
      "classes": ["dpos-stats", "dpos-stat", "dpos-toolbar", "dpos-table-wrap", "dpos-table"],
      "patterns": ["sorting", "selection", "bulk-actions", "density", "responsive-row"]
    },
    {
      "name": "data-states",
      "patterns": ["empty", "loading", "no-results", "error", "permission-denied", "offline-stale"]
    },
    {
      "name": "visualisation",
      "patterns": ["bar", "line", "donut", "legend", "axis", "tooltip"]
    },
    {
      "name": "overlays",
      "patterns": ["menu", "tooltip", "toast", "modal", "drawer", "destructive-confirmation"]
    },
    {
      "name": "documents-communication",
      "patterns": ["a4-invoice", "80mm-receipt", "quotation", "credit-note", "purchase-order", "delivery-note", "product-label", "transactional-email"]
    }
  ],
  "accessibility": {
    "minimumTouchTarget": "44px",
    "focus": "visible 2px ring with 2px offset",
    "contrast": "WCAG AA minimum",
    "motion": "prefers-reduced-motion respected",
    "layout": "logical properties for RTL/LTR",
    "numbers": "immutable identifiers, dates and currency values use explicit LTR isolation"
  }
}