{
  "color": {
    "$type": "color",
    "bg": {
      "$value": "#FFFFFF",
      "$extensions": {
        "mfc.dark": "#000000"
      }
    },
    "surface": {
      "$value": "#F4F4F5",
      "$extensions": {
        "mfc.dark": "#15171A"
      }
    },
    "surface-2": {
      "$value": "#EAEAEC",
      "$extensions": {
        "mfc.dark": "#22242A"
      }
    },
    "fg": {
      "$value": "#0E0F11",
      "$extensions": {
        "mfc.dark": "#FFFFFF"
      }
    },
    "text": {
      "$value": "#65676B",
      "$extensions": {
        "mfc.dark": "#A6A8AD"
      }
    },
    "border": {
      "$value": "#8C8C8C",
      "$extensions": {
        "mfc.dark": "#75787E"
      }
    },
    "line": {
      "$value": "#E6E6E8",
      "$extensions": {
        "mfc.dark": "#26282C"
      }
    },
    "accent": {
      "$value": "#011E53",
      "$extensions": {
        "mfc.dark": "#FFFFFF"
      }
    },
    "on-accent": {
      "$value": "#FFFFFF",
      "$extensions": {
        "mfc.dark": "#011E53"
      }
    },
    "error": {
      "$value": "#B42318",
      "$extensions": {
        "mfc.dark": "#FF8A7A"
      }
    },
    "success": {
      "$value": "#0F6B3E",
      "$extensions": {
        "mfc.dark": "#5FD39A"
      }
    },
    "navy": {
      "50": {
        "$value": "#F2F5FB"
      },
      "100": {
        "$value": "#E2E8F3"
      },
      "200": {
        "$value": "#C7D2E3"
      },
      "300": {
        "$value": "#A2B2CC"
      },
      "400": {
        "$value": "#788DB0"
      },
      "500": {
        "$value": "#516993"
      },
      "600": {
        "$value": "#314D7B"
      },
      "700": {
        "$value": "#193668"
      },
      "800": {
        "$value": "#011E53"
      }
    }
  },
  "space": {
    "$type": "dimension",
    "4": {
      "$value": {
        "value": 4,
        "unit": "px"
      }
    },
    "8": {
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "12": {
      "$value": {
        "value": 12,
        "unit": "px"
      }
    },
    "16": {
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "24": {
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "32": {
      "$value": {
        "value": 32,
        "unit": "px"
      }
    },
    "40": {
      "$value": {
        "value": 40,
        "unit": "px"
      }
    },
    "48": {
      "$value": {
        "value": 48,
        "unit": "px"
      }
    },
    "64": {
      "$value": {
        "value": 64,
        "unit": "px"
      }
    },
    "80": {
      "$value": {
        "value": 80,
        "unit": "px"
      }
    },
    "120": {
      "$value": {
        "value": 120,
        "unit": "px"
      }
    }
  },
  "radius": {
    "$type": "dimension",
    "none": {
      "$value": {
        "value": 0,
        "unit": "px"
      }
    }
  },
  "type": {
    "laptop": {
      "display": {
        "$type": "typography",
        "$value": {
          "fontFamily": "Google Sans Flex",
          "fontWeight": 300,
          "fontSize": {
            "value": 72,
            "unit": "px"
          },
          "lineHeight": 1.0555555555555556,
          "letterSpacing": {
            "value": -0.03,
            "unit": "em"
          }
        }
      },
      "h1": {
        "$type": "typography",
        "$value": {
          "fontFamily": "Google Sans Flex",
          "fontWeight": 300,
          "fontSize": {
            "value": 56,
            "unit": "px"
          },
          "lineHeight": 1.0714285714285714,
          "letterSpacing": {
            "value": -0.03,
            "unit": "em"
          }
        }
      },
      "h2": {
        "$type": "typography",
        "$value": {
          "fontFamily": "Google Sans Flex",
          "fontWeight": 400,
          "fontSize": {
            "value": 40,
            "unit": "px"
          },
          "lineHeight": 1.1,
          "letterSpacing": {
            "value": -0.025,
            "unit": "em"
          }
        }
      },
      "h3": {
        "$type": "typography",
        "$value": {
          "fontFamily": "Google Sans Flex",
          "fontWeight": 400,
          "fontSize": {
            "value": 28,
            "unit": "px"
          },
          "lineHeight": 1.2857142857142858,
          "letterSpacing": {
            "value": -0.02,
            "unit": "em"
          }
        }
      },
      "h4": {
        "$type": "typography",
        "$value": {
          "fontFamily": "Google Sans Flex",
          "fontWeight": 500,
          "fontSize": {
            "value": 20,
            "unit": "px"
          },
          "lineHeight": 1.4,
          "letterSpacing": {
            "value": -0.01,
            "unit": "em"
          }
        }
      },
      "lead": {
        "$type": "typography",
        "$value": {
          "fontFamily": "Google Sans Flex",
          "fontWeight": 300,
          "fontSize": {
            "value": 18,
            "unit": "px"
          },
          "lineHeight": 1.5555555555555556,
          "letterSpacing": {
            "value": 0,
            "unit": "em"
          }
        }
      },
      "body": {
        "$type": "typography",
        "$value": {
          "fontFamily": "Google Sans Flex",
          "fontWeight": 400,
          "fontSize": {
            "value": 16,
            "unit": "px"
          },
          "lineHeight": 1.5,
          "letterSpacing": {
            "value": 0,
            "unit": "em"
          }
        }
      },
      "small": {
        "$type": "typography",
        "$value": {
          "fontFamily": "Google Sans Flex",
          "fontWeight": 400,
          "fontSize": {
            "value": 14,
            "unit": "px"
          },
          "lineHeight": 1.4285714285714286,
          "letterSpacing": {
            "value": 0,
            "unit": "em"
          }
        }
      },
      "label": {
        "$type": "typography",
        "$value": {
          "fontFamily": "Google Sans Flex",
          "fontWeight": 500,
          "fontSize": {
            "value": 14,
            "unit": "px"
          },
          "lineHeight": 1.4285714285714286,
          "letterSpacing": {
            "value": 0,
            "unit": "em"
          }
        }
      },
      "button": {
        "$type": "typography",
        "$value": {
          "fontFamily": "Google Sans Flex",
          "fontWeight": 500,
          "fontSize": {
            "value": 14,
            "unit": "px"
          },
          "lineHeight": 1.4285714285714286,
          "letterSpacing": {
            "value": 0,
            "unit": "em"
          }
        }
      },
      "caption": {
        "$type": "typography",
        "$value": {
          "fontFamily": "Google Sans Flex",
          "fontWeight": 600,
          "fontSize": {
            "value": 12,
            "unit": "px"
          },
          "lineHeight": 1.3333333333333333,
          "letterSpacing": {
            "value": 0.08,
            "unit": "em"
          }
        }
      }
    },
    "phone": {
      "display": {
        "$type": "typography",
        "$value": {
          "fontFamily": "Google Sans Flex",
          "fontWeight": 300,
          "fontSize": {
            "value": 44,
            "unit": "px"
          },
          "lineHeight": 1.0909090909090908,
          "letterSpacing": {
            "value": -0.03,
            "unit": "em"
          }
        }
      },
      "h1": {
        "$type": "typography",
        "$value": {
          "fontFamily": "Google Sans Flex",
          "fontWeight": 300,
          "fontSize": {
            "value": 36,
            "unit": "px"
          },
          "lineHeight": 1.1111111111111112,
          "letterSpacing": {
            "value": -0.03,
            "unit": "em"
          }
        }
      },
      "h2": {
        "$type": "typography",
        "$value": {
          "fontFamily": "Google Sans Flex",
          "fontWeight": 400,
          "fontSize": {
            "value": 28,
            "unit": "px"
          },
          "lineHeight": 1.1428571428571428,
          "letterSpacing": {
            "value": -0.025,
            "unit": "em"
          }
        }
      },
      "h3": {
        "$type": "typography",
        "$value": {
          "fontFamily": "Google Sans Flex",
          "fontWeight": 400,
          "fontSize": {
            "value": 22,
            "unit": "px"
          },
          "lineHeight": 1.2727272727272727,
          "letterSpacing": {
            "value": -0.02,
            "unit": "em"
          }
        }
      },
      "h4": {
        "$type": "typography",
        "$value": {
          "fontFamily": "Google Sans Flex",
          "fontWeight": 500,
          "fontSize": {
            "value": 18,
            "unit": "px"
          },
          "lineHeight": 1.3333333333333333,
          "letterSpacing": {
            "value": -0.01,
            "unit": "em"
          }
        }
      },
      "lead": {
        "$type": "typography",
        "$value": {
          "fontFamily": "Google Sans Flex",
          "fontWeight": 300,
          "fontSize": {
            "value": 16,
            "unit": "px"
          },
          "lineHeight": 1.5,
          "letterSpacing": {
            "value": 0,
            "unit": "em"
          }
        }
      },
      "body": {
        "$type": "typography",
        "$value": {
          "fontFamily": "Google Sans Flex",
          "fontWeight": 400,
          "fontSize": {
            "value": 16,
            "unit": "px"
          },
          "lineHeight": 1.5,
          "letterSpacing": {
            "value": 0,
            "unit": "em"
          }
        }
      },
      "small": {
        "$type": "typography",
        "$value": {
          "fontFamily": "Google Sans Flex",
          "fontWeight": 400,
          "fontSize": {
            "value": 14,
            "unit": "px"
          },
          "lineHeight": 1.4285714285714286,
          "letterSpacing": {
            "value": 0,
            "unit": "em"
          }
        }
      },
      "label": {
        "$type": "typography",
        "$value": {
          "fontFamily": "Google Sans Flex",
          "fontWeight": 500,
          "fontSize": {
            "value": 14,
            "unit": "px"
          },
          "lineHeight": 1.4285714285714286,
          "letterSpacing": {
            "value": 0,
            "unit": "em"
          }
        }
      },
      "button": {
        "$type": "typography",
        "$value": {
          "fontFamily": "Google Sans Flex",
          "fontWeight": 500,
          "fontSize": {
            "value": 15,
            "unit": "px"
          },
          "lineHeight": 1.3333333333333333,
          "letterSpacing": {
            "value": 0,
            "unit": "em"
          }
        }
      },
      "caption": {
        "$type": "typography",
        "$value": {
          "fontFamily": "Google Sans Flex",
          "fontWeight": 600,
          "fontSize": {
            "value": 12,
            "unit": "px"
          },
          "lineHeight": 1.3333333333333333,
          "letterSpacing": {
            "value": 0.08,
            "unit": "em"
          }
        }
      }
    }
  },
  "typeArabic": {
    "fontFamily": "Thmanyah Sans",
    "letterSpacing": 0,
    "laptop": {
      "display": {
        "size": 72,
        "line": 88,
        "weight": 300
      },
      "h1": {
        "size": 56,
        "line": 72,
        "weight": 300
      },
      "h2": {
        "size": 40,
        "line": 52,
        "weight": 400
      },
      "h3": {
        "size": 28,
        "line": 40,
        "weight": 400
      },
      "h4": {
        "size": 20,
        "line": 32,
        "weight": 500
      },
      "lead": {
        "size": 18,
        "line": 32,
        "weight": 300
      },
      "body": {
        "size": 16,
        "line": 28,
        "weight": 400
      },
      "small": {
        "size": 14,
        "line": 24,
        "weight": 400
      },
      "label": {
        "size": 14,
        "line": 20,
        "weight": 500
      },
      "button": {
        "size": 14,
        "line": 20,
        "weight": 500
      },
      "caption": {
        "size": 12,
        "line": 20,
        "weight": 700
      }
    },
    "phone": {
      "display": {
        "size": 44,
        "line": 56,
        "weight": 300
      },
      "h1": {
        "size": 36,
        "line": 48,
        "weight": 300
      },
      "h2": {
        "size": 28,
        "line": 36,
        "weight": 400
      },
      "h3": {
        "size": 22,
        "line": 32,
        "weight": 400
      },
      "h4": {
        "size": 18,
        "line": 28,
        "weight": 500
      },
      "lead": {
        "size": 16,
        "line": 28,
        "weight": 300
      },
      "body": {
        "size": 16,
        "line": 28,
        "weight": 400
      },
      "small": {
        "size": 14,
        "line": 24,
        "weight": 400
      },
      "label": {
        "size": 14,
        "line": 20,
        "weight": 500
      },
      "button": {
        "size": 15,
        "line": 20,
        "weight": 500
      },
      "caption": {
        "size": 12,
        "line": 20,
        "weight": 700
      }
    }
  },
  "layout": {
    "$type": "dimension",
    "laptop": {
      "margin": {
        "$value": {
          "value": 48,
          "unit": "px"
        }
      },
      "gutter": {
        "$value": {
          "value": 32,
          "unit": "px"
        }
      },
      "column": {
        "$value": {
          "value": 64,
          "unit": "px"
        }
      },
      "content": {
        "$value": {
          "value": 1120,
          "unit": "px"
        }
      },
      "page": {
        "$value": {
          "value": 1216,
          "unit": "px"
        }
      },
      "section": {
        "$value": {
          "value": 120,
          "unit": "px"
        }
      },
      "header": {
        "$value": {
          "value": 72,
          "unit": "px"
        }
      },
      "button": {
        "$value": {
          "value": 40,
          "unit": "px"
        }
      }
    },
    "phone": {
      "margin": {
        "$value": {
          "value": 16,
          "unit": "px"
        }
      },
      "gutter": {
        "$value": {
          "value": 16,
          "unit": "px"
        }
      },
      "section": {
        "$value": {
          "value": 64,
          "unit": "px"
        }
      },
      "header": {
        "$value": {
          "value": 56,
          "unit": "px"
        }
      },
      "button": {
        "$value": {
          "value": 44,
          "unit": "px"
        }
      }
    }
  },
  "glass": {
    "$type": "dimension",
    "blur": {
      "$value": {
        "value": 20,
        "unit": "px"
      }
    }
  }
}