{
  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
  "$description": "The flagship style. Flat white surfaces on warm paper, depth carried by a 1px alpha ring plus two soft ambient layers (never a blob shadow), Inter type set tight and compressed, borders doing the structural work shadows usually do. One accent (salmon-orange) used only for the single primary action per view.\n",
  "color": {
    "$type": "color",
    "primary": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.078,
          0.082,
          0.09
        ],
        "hex": "#141517"
      }
    },
    "secondary": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.231,
          0.247,
          0.271
        ],
        "hex": "#3b3f45"
      }
    },
    "tertiary": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.992,
          0.525,
          0.447
        ],
        "hex": "#fd8672"
      }
    },
    "neutral": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.957,
          0.949,
          0.933
        ],
        "hex": "#f4f2ee"
      }
    },
    "surface": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "surface-2": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.973,
          0.969,
          0.957
        ],
        "hex": "#f8f7f4"
      }
    },
    "surface-3": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.933,
          0.925,
          0.906
        ],
        "hex": "#eeece7"
      }
    },
    "on-tertiary": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.078,
          0.082,
          0.09
        ],
        "hex": "#141517"
      }
    },
    "tertiary-text": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.698,
          0.235,
          0.157
        ],
        "hex": "#b23c28"
      }
    },
    "tertiary-hover": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.6,
          0.522
        ],
        "hex": "#ff9985"
      }
    },
    "tertiary-active": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.949,
          0.427,
          0.345
        ],
        "hex": "#f26d58"
      }
    },
    "border": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.078,
          0.082,
          0.09
        ],
        "hex": "#1415171a"
      }
    },
    "border-2": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.078,
          0.082,
          0.09
        ],
        "hex": "#1415172e"
      }
    },
    "border-strong": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.078,
          0.082,
          0.09
        ],
        "hex": "#1415176b"
      }
    },
    "error": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.702,
          0.149,
          0.118
        ],
        "hex": "#b3261e"
      }
    },
    "ok": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.09,
          0.427,
          0.216
        ],
        "hex": "#176d37"
      }
    },
    "night": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.082,
          0.086,
          0.094
        ],
        "hex": "#151618"
      }
    },
    "on-night": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.945,
          0.937,
          0.918
        ],
        "hex": "#f1efea"
      }
    }
  },
  "spacing": {
    "1": {
      "$value": {
        "value": 4,
        "unit": "px"
      }
    },
    "2": {
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "3": {
      "$value": {
        "value": 12,
        "unit": "px"
      }
    },
    "4": {
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "5": {
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "6": {
      "$value": {
        "value": 32,
        "unit": "px"
      }
    },
    "7": {
      "$value": {
        "value": 48,
        "unit": "px"
      }
    },
    "8": {
      "$value": {
        "value": 64,
        "unit": "px"
      }
    },
    "9": {
      "$value": {
        "value": 96,
        "unit": "px"
      }
    },
    "10": {
      "$value": {
        "value": 128,
        "unit": "px"
      }
    },
    "$type": "dimension",
    "gutter": {
      "$value": {
        "value": 32,
        "unit": "px"
      }
    },
    "max-width": {
      "$value": {
        "value": 1200,
        "unit": "px"
      }
    },
    "target": {
      "$value": {
        "value": 44,
        "unit": "px"
      }
    }
  },
  "rounded": {
    "$type": "dimension",
    "xs": {
      "$value": {
        "value": 4,
        "unit": "px"
      }
    },
    "sm": {
      "$value": {
        "value": 6,
        "unit": "px"
      }
    },
    "md": {
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "lg": {
      "$value": {
        "value": 12,
        "unit": "px"
      }
    },
    "xl": {
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "full": {
      "$value": {
        "value": 999,
        "unit": "px"
      }
    }
  },
  "typography": {
    "h1": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Inter",
        "fontSize": {
          "value": 64,
          "unit": "px"
        },
        "fontWeight": 600,
        "letterSpacing": {
          "value": -0.025,
          "unit": "em"
        }
      }
    },
    "h2": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Inter",
        "fontSize": {
          "value": 44,
          "unit": "px"
        },
        "fontWeight": 600,
        "letterSpacing": {
          "value": -0.025,
          "unit": "em"
        }
      }
    },
    "h3": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Inter",
        "fontSize": {
          "value": 22,
          "unit": "px"
        },
        "fontWeight": 600,
        "letterSpacing": {
          "value": -0.01,
          "unit": "em"
        }
      }
    },
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Inter",
        "fontSize": {
          "value": 88,
          "unit": "px"
        },
        "fontWeight": 600,
        "letterSpacing": {
          "value": -0.035,
          "unit": "em"
        }
      }
    },
    "lead": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Inter",
        "fontSize": {
          "value": 20,
          "unit": "px"
        },
        "fontWeight": 400
      }
    },
    "body-md": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Inter",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 400
      }
    },
    "body-sm": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Inter",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": 400
      }
    },
    "label": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Inter",
        "fontSize": {
          "value": 12,
          "unit": "px"
        },
        "fontWeight": 500,
        "letterSpacing": {
          "value": 0.06,
          "unit": "em"
        }
      }
    },
    "mono": {
      "$type": "typography",
      "$value": {
        "fontFamily": "IBM Plex Mono",
        "fontSize": {
          "value": 12,
          "unit": "px"
        },
        "fontWeight": 500,
        "letterSpacing": {
          "value": 0.02,
          "unit": "em"
        }
      }
    }
  }
}