{
  "$description": "Agustín Oberg · design language v2.1. Usable for any product in this style, not only the personal brand. Rules: brand.md (English, primary) / brand.es.md (Spanish translation). Light and dark are equal citizens.",
  "color": {
    "mono": {
      "black": {
        "$type": "color",
        "$value": "#000000"
      },
      "ink-950": {
        "$type": "color",
        "$value": "#0A0A0A"
      },
      "ink-900": {
        "$type": "color",
        "$value": "#111111"
      },
      "ink-800": {
        "$type": "color",
        "$value": "#1F1F1F"
      },
      "ink-700": {
        "$type": "color",
        "$value": "#2B2B2B"
      },
      "ink-600": {
        "$type": "color",
        "$value": "#3D3D3D"
      },
      "ink-500": {
        "$type": "color",
        "$value": "#5C5C5C"
      },
      "ink-400": {
        "$type": "color",
        "$value": "#8F8F8F"
      },
      "ink-300": {
        "$type": "color",
        "$value": "#B8B8B8"
      },
      "ink-200": {
        "$type": "color",
        "$value": "#D9D9D9"
      },
      "ink-150": {
        "$type": "color",
        "$value": "#E6E6E6"
      },
      "ink-100": {
        "$type": "color",
        "$value": "#EDEDED"
      },
      "ink-50": {
        "$type": "color",
        "$value": "#F4F4F4"
      },
      "white": {
        "$type": "color",
        "$value": "#FFFFFF"
      }
    },
    "semantic": {
      "positive": {
        "$type": "color",
        "$value": "#34C759"
      },
      "warning": {
        "$type": "color",
        "$value": "#FF9F0A"
      },
      "critical": {
        "$type": "color",
        "$value": "#FF453A"
      }
    },
    "light": {
      "bg": {
        "$type": "color",
        "$value": "#F4F4F4"
      },
      "surface-1": {
        "$type": "color",
        "$value": "#FFFFFF"
      },
      "surface-2": {
        "$type": "color",
        "$value": "#F0F0F0"
      },
      "surface-3": {
        "$type": "color",
        "$value": "#E6E6E6"
      },
      "sheet-bg": {
        "$type": "color",
        "$value": "#FFFFFF"
      },
      "stage": {
        "$type": "color",
        "$value": "#E8E8E8"
      },
      "fg": {
        "$type": "color",
        "$value": "#0A0A0A"
      },
      "fg-2": {
        "$type": "color",
        "$value": "#6B6B6B"
      },
      "fg-3": {
        "$type": "color",
        "$value": "#A1A1A1"
      },
      "line": {
        "$type": "color",
        "$value": "rgba(0,0,0,0.07)"
      },
      "line-strong": {
        "$type": "color",
        "$value": "rgba(0,0,0,0.12)"
      },
      "btn-2": {
        "$type": "color",
        "$value": "#E6E6E6"
      },
      "btn-2-hover": {
        "$type": "color",
        "$value": "#D9D9D9"
      },
      "glass": {
        "$type": "color",
        "$value": "rgba(255,255,255,0.68)"
      },
      "glass-strong": {
        "$type": "color",
        "$value": "rgba(255,255,255,0.86)"
      },
      "glass-edge": {
        "$type": "color",
        "$value": "rgba(255,255,255,0.9)"
      },
      "scrim": {
        "$type": "color",
        "$value": "rgba(0,0,0,0.18)"
      },
      "atmos-fg": {
        "$type": "color",
        "$value": "#0A0A0A"
      }
    },
    "dark": {
      "bg": {
        "$type": "color",
        "$value": "#000000"
      },
      "surface-1": {
        "$type": "color",
        "$value": "#111111"
      },
      "surface-2": {
        "$type": "color",
        "$value": "#1F1F1F"
      },
      "surface-3": {
        "$type": "color",
        "$value": "#2B2B2B"
      },
      "sheet-bg": {
        "$type": "color",
        "$value": "#1F1F1F"
      },
      "stage": {
        "$type": "color",
        "$value": "#EDEDED"
      },
      "fg": {
        "$type": "color",
        "$value": "#FFFFFF"
      },
      "fg-2": {
        "$type": "color",
        "$value": "#8F8F8F"
      },
      "fg-3": {
        "$type": "color",
        "$value": "#5C5C5C"
      },
      "line": {
        "$type": "color",
        "$value": "rgba(255,255,255,0.08)"
      },
      "line-strong": {
        "$type": "color",
        "$value": "rgba(255,255,255,0.14)"
      },
      "btn-2": {
        "$type": "color",
        "$value": "#1F1F1F"
      },
      "btn-2-hover": {
        "$type": "color",
        "$value": "#2B2B2B"
      },
      "glass": {
        "$type": "color",
        "$value": "rgba(255,255,255,0.12)"
      },
      "glass-strong": {
        "$type": "color",
        "$value": "rgba(255,255,255,0.2)"
      },
      "glass-edge": {
        "$type": "color",
        "$value": "rgba(255,255,255,0.14)"
      },
      "scrim": {
        "$type": "color",
        "$value": "rgba(0,0,0,0.55)"
      },
      "atmos-fg": {
        "$type": "color",
        "$value": "#FFFFFF"
      }
    },
    "atmosphere": {
      "forest": {
        "$description": "deporte, outdoor, foco",
        "light": {
          "0": {
            "$type": "color",
            "$value": "#F4F8F3"
          },
          "1": {
            "$type": "color",
            "$value": "#E3EFE0"
          },
          "2": {
            "$type": "color",
            "$value": "#B9DCB3"
          },
          "glow": {
            "$type": "color",
            "$value": "#7CC874"
          }
        },
        "dark": {
          "0": {
            "$type": "color",
            "$value": "#07130B"
          },
          "1": {
            "$type": "color",
            "$value": "#183021"
          },
          "2": {
            "$type": "color",
            "$value": "#3F7A45"
          },
          "glow": {
            "$type": "color",
            "$value": "#8FD68A"
          }
        }
      },
      "ember": {
        "$description": "tiempo, energía, descanso",
        "light": {
          "0": {
            "$type": "color",
            "$value": "#FBF7EF"
          },
          "1": {
            "$type": "color",
            "$value": "#F5E7C8"
          },
          "2": {
            "$type": "color",
            "$value": "#ECCB83"
          },
          "glow": {
            "$type": "color",
            "$value": "#E0A730"
          }
        },
        "dark": {
          "0": {
            "$type": "color",
            "$value": "#0F0A02"
          },
          "1": {
            "$type": "color",
            "$value": "#3D2905"
          },
          "2": {
            "$type": "color",
            "$value": "#B8821A"
          },
          "glow": {
            "$type": "color",
            "$value": "#FFCF5C"
          }
        }
      },
      "tide": {
        "$description": "plata, confianza, chat",
        "light": {
          "0": {
            "$type": "color",
            "$value": "#F2F5FC"
          },
          "1": {
            "$type": "color",
            "$value": "#DFE7FA"
          },
          "2": {
            "$type": "color",
            "$value": "#B3C7F2"
          },
          "glow": {
            "$type": "color",
            "$value": "#5B86E8"
          }
        },
        "dark": {
          "0": {
            "$type": "color",
            "$value": "#03081A"
          },
          "1": {
            "$type": "color",
            "$value": "#0F2152"
          },
          "2": {
            "$type": "color",
            "$value": "#2F5BD6"
          },
          "glow": {
            "$type": "color",
            "$value": "#8FB4FF"
          }
        }
      },
      "rouge": {
        "$description": "social, ubicación, alertas",
        "light": {
          "0": {
            "$type": "color",
            "$value": "#FBF2F5"
          },
          "1": {
            "$type": "color",
            "$value": "#F7DDE6"
          },
          "2": {
            "$type": "color",
            "$value": "#F0B0C6"
          },
          "glow": {
            "$type": "color",
            "$value": "#E2557F"
          }
        },
        "dark": {
          "0": {
            "$type": "color",
            "$value": "#14030A"
          },
          "1": {
            "$type": "color",
            "$value": "#4A0D24"
          },
          "2": {
            "$type": "color",
            "$value": "#D6245E"
          },
          "glow": {
            "$type": "color",
            "$value": "#FF8FB4"
          }
        }
      }
    },
    "accent": {
      "$description": "Products only (never the personal brand). Accent = the 'glow' of the product's one atmosphere, taken from the current mode. Use it on one kind of element per screen (domain action, pins, active progress). CSS: .accent-{atmosphere} on a container + .btn--accent.",
      "on-accent": {
        "$type": "color",
        "$value": "#0A0A0A"
      },
      "forest": {
        "light": {
          "$type": "color",
          "$value": "{color.atmosphere.forest.light.glow}"
        },
        "dark": {
          "$type": "color",
          "$value": "{color.atmosphere.forest.dark.glow}"
        }
      },
      "ember": {
        "light": {
          "$type": "color",
          "$value": "{color.atmosphere.ember.light.glow}"
        },
        "dark": {
          "$type": "color",
          "$value": "{color.atmosphere.ember.dark.glow}"
        }
      },
      "tide": {
        "light": {
          "$type": "color",
          "$value": "{color.atmosphere.tide.light.glow}"
        },
        "dark": {
          "$type": "color",
          "$value": "{color.atmosphere.tide.dark.glow}"
        }
      },
      "rouge": {
        "light": {
          "$type": "color",
          "$value": "{color.atmosphere.rouge.light.glow}"
        },
        "dark": {
          "$type": "color",
          "$value": "{color.atmosphere.rouge.dark.glow}"
        }
      }
    }
  },
  "font": {
    "family": {
      "display": {
        "$type": "fontFamily",
        "$value": [
          "Inter Display",
          "Inter",
          "SF Pro Display",
          "system-ui",
          "sans-serif"
        ]
      },
      "text": {
        "$type": "fontFamily",
        "$value": [
          "Inter",
          "SF Pro Text",
          "system-ui",
          "sans-serif"
        ]
      },
      "mono": {
        "$type": "fontFamily",
        "$value": [
          "Geist Mono",
          "SF Mono",
          "Menlo",
          "monospace"
        ]
      }
    },
    "size": {
      "2xs": {
        "$type": "dimension",
        "$value": "11px"
      },
      "xs": {
        "$type": "dimension",
        "$value": "12px"
      },
      "sm": {
        "$type": "dimension",
        "$value": "14px"
      },
      "base": {
        "$type": "dimension",
        "$value": "16px"
      },
      "lg": {
        "$type": "dimension",
        "$value": "18px"
      },
      "xl": {
        "$type": "dimension",
        "$value": "22px"
      },
      "2xl": {
        "$type": "dimension",
        "$value": "28px"
      },
      "3xl": {
        "$type": "dimension",
        "$value": "40px"
      },
      "4xl": {
        "$type": "dimension",
        "$value": "56px"
      },
      "num-min": {
        "$type": "dimension",
        "$value": "64px"
      },
      "num-max": {
        "$type": "dimension",
        "$value": "128px"
      }
    },
    "weight": {
      "text": {
        "$type": "fontWeight",
        "$value": 400
      },
      "medium": {
        "$type": "fontWeight",
        "$value": 500
      },
      "heading": {
        "$type": "fontWeight",
        "$value": 600
      },
      "wordmark": {
        "$type": "fontWeight",
        "$value": 650
      }
    },
    "tracking": {
      "display": {
        "$type": "dimension",
        "$value": "-0.03em"
      },
      "tight": {
        "$type": "dimension",
        "$value": "-0.015em"
      },
      "num": {
        "$type": "dimension",
        "$value": "-0.045em"
      },
      "mono": {
        "$type": "dimension",
        "$value": "0.06em"
      }
    }
  },
  "radius": {
    "xs": {
      "$type": "dimension",
      "$value": "8px"
    },
    "md": {
      "$type": "dimension",
      "$value": "16px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "24px"
    },
    "xl": {
      "$type": "dimension",
      "$value": "32px"
    },
    "device": {
      "$type": "dimension",
      "$value": "50px"
    },
    "pill": {
      "$type": "dimension",
      "$value": "999px"
    }
  },
  "space": {
    "1": {
      "$type": "dimension",
      "$value": "4px"
    },
    "2": {
      "$type": "dimension",
      "$value": "8px"
    },
    "3": {
      "$type": "dimension",
      "$value": "12px"
    },
    "4": {
      "$type": "dimension",
      "$value": "16px"
    },
    "5": {
      "$type": "dimension",
      "$value": "24px"
    },
    "6": {
      "$type": "dimension",
      "$value": "32px"
    },
    "7": {
      "$type": "dimension",
      "$value": "48px"
    },
    "8": {
      "$type": "dimension",
      "$value": "64px"
    },
    "9": {
      "$type": "dimension",
      "$value": "96px"
    },
    "10": {
      "$type": "dimension",
      "$value": "160px"
    }
  },
  "blur": {
    "text": {
      "$type": "dimension",
      "$value": "4px"
    },
    "swap": {
      "$type": "dimension",
      "$value": "6px"
    },
    "behind": {
      "$type": "dimension",
      "$value": "10px"
    },
    "edge": {
      "$type": "dimension",
      "$value": "10px"
    },
    "glass": {
      "$type": "dimension",
      "$value": "20px"
    },
    "float-sheet": {
      "$type": "dimension",
      "$value": "32px"
    },
    "nav": {
      "$type": "dimension",
      "$value": "24px"
    },
    "progressive-layers": {
      "$type": "dimension",
      "$value": "1px,2px,4px,8px"
    },
    "progressive-height": {
      "$type": "dimension",
      "$value": "72px"
    }
  },
  "glass": {
    "saturate": {
      "$type": "number",
      "$value": 1.8
    },
    "float-saturate": {
      "$type": "number",
      "$value": 1.6
    },
    "float-inset": {
      "$type": "dimension",
      "$value": "12px"
    }
  },
  "motion": {
    "easing": {
      "out": {
        "$type": "cubicBezier",
        "$value": [
          0.22,
          1,
          0.36,
          1
        ]
      },
      "in-out": {
        "$type": "cubicBezier",
        "$value": [
          0.65,
          0,
          0.35,
          1
        ]
      },
      "spring": {
        "$type": "cubicBezier",
        "$value": [
          0.34,
          1.56,
          0.64,
          1
        ]
      }
    },
    "duration": {
      "press": {
        "$type": "duration",
        "$value": "120ms"
      },
      "quick": {
        "$type": "duration",
        "$value": "240ms"
      },
      "exit": {
        "$type": "duration",
        "$value": "280ms"
      },
      "base": {
        "$type": "duration",
        "$value": "420ms"
      },
      "theme": {
        "$type": "duration",
        "$value": "520ms"
      },
      "count": {
        "$type": "duration",
        "$value": "600ms"
      },
      "reveal": {
        "$type": "duration",
        "$value": "800ms"
      }
    },
    "stagger": {
      "text": {
        "$type": "duration",
        "$value": "120ms"
      },
      "word": {
        "$type": "duration",
        "$value": "30ms"
      },
      "list": {
        "$type": "duration",
        "$value": "50ms"
      },
      "digit": {
        "$type": "duration",
        "$value": "40ms"
      }
    },
    "press-scale": {
      "$type": "number",
      "$value": 0.97
    },
    "lift": {
      "$type": "dimension",
      "$value": "12px"
    },
    "reanimated-spring": {
      "$type": "object",
      "$value": {
        "damping": 16,
        "stiffness": 260,
        "mass": 1
      }
    }
  }
}