{
  "$description": "Atrium design system v0.1 tokens. Each token is the CSS custom property --at-<name> in atrium.css. Colour tokens list their dark value under $extensions; it applies inside [data-color-mode=\"dark\"].",
  "color": {
    "text": {
      "$value": "#1c1917",
      "$type": "color",
      "$description": "var(--at-text)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#f5f5f4"
        }
      }
    },
    "text-subtle": {
      "$value": "#57534e",
      "$type": "color",
      "$description": "var(--at-text-subtle)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#a8a29e"
        }
      }
    },
    "text-inverse": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "var(--at-text-inverse)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#1c1917"
        }
      }
    },
    "text-primary": {
      "$value": "#3d4ed8",
      "$type": "color",
      "$description": "var(--at-text-primary)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#8e9bfa"
        }
      }
    },
    "text-info": {
      "$value": "#2f5fd0",
      "$type": "color",
      "$description": "var(--at-text-info)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#7aa2f7"
        }
      }
    },
    "text-success": {
      "$value": "#067647",
      "$type": "color",
      "$description": "var(--at-text-success)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#47cd89"
        }
      }
    },
    "text-warning": {
      "$value": "#b54708",
      "$type": "color",
      "$description": "var(--at-text-warning)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#fdb022"
        }
      }
    },
    "text-danger": {
      "$value": "#b42318",
      "$type": "color",
      "$description": "var(--at-text-danger)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#f97066"
        }
      }
    },
    "text-discovery": {
      "$value": "#6941c6",
      "$type": "color",
      "$description": "var(--at-text-discovery)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#b692f6"
        }
      }
    },
    "bg-primary": {
      "$value": "#3d4ed8",
      "$type": "color",
      "$description": "var(--at-bg-primary)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#8e9bfa"
        }
      }
    },
    "bg-neutral": {
      "$value": "#f6f5f3",
      "$type": "color",
      "$description": "var(--at-bg-neutral)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#262421"
        }
      }
    },
    "bg-neutral-hovered": {
      "$value": "#f6f5f3",
      "$type": "color",
      "$description": "var(--at-bg-neutral-hovered)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#262421"
        }
      }
    },
    "bg-neutral-pressed": {
      "$value": "#d6d3d1",
      "$type": "color",
      "$description": "var(--at-bg-neutral-pressed)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#44403c"
        }
      }
    },
    "bg-info-subtle": {
      "$value": "#eff4ff",
      "$type": "color",
      "$description": "var(--at-bg-info-subtle)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#18233d"
        }
      }
    },
    "bg-success-subtle": {
      "$value": "#ecfdf3",
      "$type": "color",
      "$description": "var(--at-bg-success-subtle)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#10291d"
        }
      }
    },
    "bg-warning-subtle": {
      "$value": "#fffaeb",
      "$type": "color",
      "$description": "var(--at-bg-warning-subtle)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#332410"
        }
      }
    },
    "bg-danger-subtle": {
      "$value": "#fef3f2",
      "$type": "color",
      "$description": "var(--at-bg-danger-subtle)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#3a1a17"
        }
      }
    },
    "bg-discovery-subtle": {
      "$value": "#f4f3ff",
      "$type": "color",
      "$description": "var(--at-bg-discovery-subtle)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#22183d"
        }
      }
    },
    "bg-info-bold": {
      "$value": "#2f5fd0",
      "$type": "color",
      "$description": "var(--at-bg-info-bold)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#7aa2f7"
        }
      }
    },
    "bg-success-bold": {
      "$value": "#067647",
      "$type": "color",
      "$description": "var(--at-bg-success-bold)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#47cd89"
        }
      }
    },
    "bg-warning-bold": {
      "$value": "#b54708",
      "$type": "color",
      "$description": "var(--at-bg-warning-bold)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#fdb022"
        }
      }
    },
    "bg-danger-bold": {
      "$value": "#b42318",
      "$type": "color",
      "$description": "var(--at-bg-danger-bold)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#f97066"
        }
      }
    },
    "bg-discovery-bold": {
      "$value": "#6941c6",
      "$type": "color",
      "$description": "var(--at-bg-discovery-bold)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#b692f6"
        }
      }
    },
    "bg-accent-blue": {
      "$value": "#e0f2fe",
      "$type": "color",
      "$description": "var(--at-bg-accent-blue)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#0c2a3d"
        }
      }
    },
    "text-accent-blue": {
      "$value": "#0369a1",
      "$type": "color",
      "$description": "var(--at-text-accent-blue)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#7dd3fc"
        }
      }
    },
    "bg-accent-teal": {
      "$value": "#ccfbf1",
      "$type": "color",
      "$description": "var(--at-bg-accent-teal)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#0d2e2b"
        }
      }
    },
    "text-accent-teal": {
      "$value": "#0f766e",
      "$type": "color",
      "$description": "var(--at-text-accent-teal)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#5eead4"
        }
      }
    },
    "bg-accent-green": {
      "$value": "#dcfce7",
      "$type": "color",
      "$description": "var(--at-bg-accent-green)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#0f2a19"
        }
      }
    },
    "text-accent-green": {
      "$value": "#15803d",
      "$type": "color",
      "$description": "var(--at-text-accent-green)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#86efac"
        }
      }
    },
    "bg-accent-orange": {
      "$value": "#ffedd5",
      "$type": "color",
      "$description": "var(--at-bg-accent-orange)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#33200f"
        }
      }
    },
    "text-accent-orange": {
      "$value": "#c2410c",
      "$type": "color",
      "$description": "var(--at-text-accent-orange)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#fdba74"
        }
      }
    },
    "bg-accent-purple": {
      "$value": "#f3e8ff",
      "$type": "color",
      "$description": "var(--at-bg-accent-purple)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#2a1a3d"
        }
      }
    },
    "text-accent-purple": {
      "$value": "#7e22ce",
      "$type": "color",
      "$description": "var(--at-text-accent-purple)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#d8b4fe"
        }
      }
    },
    "bg-accent-magenta": {
      "$value": "#fce7f3",
      "$type": "color",
      "$description": "var(--at-bg-accent-magenta)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#3a1426"
        }
      }
    },
    "text-accent-magenta": {
      "$value": "#be185d",
      "$type": "color",
      "$description": "var(--at-text-accent-magenta)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#f9a8d4"
        }
      }
    },
    "border": {
      "$value": "#d6d3d1",
      "$type": "color",
      "$description": "var(--at-border)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#44403c"
        }
      }
    },
    "border-bold": {
      "$value": "#57534e",
      "$type": "color",
      "$description": "var(--at-border-bold)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#a8a29e"
        }
      }
    },
    "border-focus": {
      "$value": "#3d4ed8",
      "$type": "color",
      "$description": "var(--at-border-focus)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#8e9bfa"
        }
      }
    },
    "border-primary": {
      "$value": "#3d4ed8",
      "$type": "color",
      "$description": "var(--at-border-primary)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#8e9bfa"
        }
      }
    },
    "border-info": {
      "$value": "#2f5fd0",
      "$type": "color",
      "$description": "var(--at-border-info)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#7aa2f7"
        }
      }
    },
    "border-success": {
      "$value": "#067647",
      "$type": "color",
      "$description": "var(--at-border-success)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#47cd89"
        }
      }
    },
    "border-warning": {
      "$value": "#b54708",
      "$type": "color",
      "$description": "var(--at-border-warning)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#fdb022"
        }
      }
    },
    "border-danger": {
      "$value": "#b42318",
      "$type": "color",
      "$description": "var(--at-border-danger)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#f97066"
        }
      }
    },
    "border-discovery": {
      "$value": "#6941c6",
      "$type": "color",
      "$description": "var(--at-border-discovery)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#b692f6"
        }
      }
    },
    "surface-sunken": {
      "$value": "#f6f5f3",
      "$type": "color",
      "$description": "var(--at-surface-sunken)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#121110"
        }
      }
    },
    "surface": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "var(--at-surface)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#1a1917"
        }
      }
    },
    "surface-raised": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "var(--at-surface-raised)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#24221f"
        }
      }
    },
    "surface-overlay": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "var(--at-surface-overlay)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "#2c2a27"
        }
      }
    }
  },
  "shadow": {
    "shadow-raised": {
      "$value": "0 1px 2px rgba(0, 0, 0, 0.08)",
      "$type": "shadow",
      "$description": "var(--at-shadow-raised)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "0 1px 2px rgba(0, 0, 0, 0.5)"
        }
      }
    },
    "shadow-overlay": {
      "$value": "0 8px 24px rgba(0, 0, 0, 0.12)",
      "$type": "shadow",
      "$description": "var(--at-shadow-overlay)",
      "$extensions": {
        "com.coho.atrium": {
          "dark": "0 8px 24px rgba(0, 0, 0, 0.6)"
        }
      }
    }
  },
  "typography": {
    "font": {
      "$value": "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
      "$type": "fontFamily",
      "$description": "var(--at-font)"
    },
    "font-mono": {
      "$value": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
      "$type": "fontFamily",
      "$description": "var(--at-font-mono)"
    },
    "text-xs": {
      "$value": "0.75rem",
      "$type": "dimension",
      "$description": "var(--at-text-xs)"
    },
    "text-sm": {
      "$value": "0.875rem",
      "$type": "dimension",
      "$description": "var(--at-text-sm)"
    },
    "text-md": {
      "$value": "1rem",
      "$type": "dimension",
      "$description": "var(--at-text-md)"
    },
    "text-lg": {
      "$value": "1.25rem",
      "$type": "dimension",
      "$description": "var(--at-text-lg)"
    },
    "text-xl": {
      "$value": "1.5rem",
      "$type": "dimension",
      "$description": "var(--at-text-xl)"
    },
    "weight-regular": {
      "$value": "400",
      "$type": "fontWeight",
      "$description": "var(--at-weight-regular)"
    },
    "weight-bold": {
      "$value": "600",
      "$type": "fontWeight",
      "$description": "var(--at-weight-bold)"
    },
    "weight-heavy": {
      "$value": "700",
      "$type": "fontWeight",
      "$description": "var(--at-weight-heavy)"
    },
    "line-height": {
      "$value": "1.5",
      "$type": "number",
      "$description": "var(--at-line-height)"
    }
  },
  "space": {
    "space-1": {
      "$value": "0.125rem",
      "$type": "dimension",
      "$description": "var(--at-space-1)"
    },
    "space-2": {
      "$value": "0.25rem",
      "$type": "dimension",
      "$description": "var(--at-space-2)"
    },
    "space-3": {
      "$value": "0.5rem",
      "$type": "dimension",
      "$description": "var(--at-space-3)"
    },
    "space-4": {
      "$value": "0.75rem",
      "$type": "dimension",
      "$description": "var(--at-space-4)"
    },
    "space-5": {
      "$value": "1rem",
      "$type": "dimension",
      "$description": "var(--at-space-5)"
    },
    "space-6": {
      "$value": "1.5rem",
      "$type": "dimension",
      "$description": "var(--at-space-6)"
    },
    "space-7": {
      "$value": "2rem",
      "$type": "dimension",
      "$description": "var(--at-space-7)"
    },
    "space-8": {
      "$value": "3rem",
      "$type": "dimension",
      "$description": "var(--at-space-8)"
    }
  },
  "radius": {
    "radius-0": {
      "$value": "0",
      "$type": "dimension",
      "$description": "var(--at-radius-0)"
    },
    "radius-1": {
      "$value": "6px",
      "$type": "dimension",
      "$description": "var(--at-radius-1)"
    },
    "radius-2": {
      "$value": "10px",
      "$type": "dimension",
      "$description": "var(--at-radius-2)"
    }
  }
}