{
  "$description": "Redbelly DAO Task Board brand tokens. Generated from app/globals.css, do not edit by hand.",
  "color": {
    "dark": {
      "surface": {
        "$type": "color",
        "$value": "#0c1317",
        "$description": "Page base"
      },
      "background-deep": {
        "$type": "color",
        "$value": "#0a1014",
        "$description": "Page ground, the darkest wide layer"
      },
      "surface-container-lowest": {
        "$type": "color",
        "$value": "#070c0f",
        "$description": "Wells and inset areas"
      },
      "surface-container-low": {
        "$type": "color",
        "$value": "#111a20",
        "$description": "Hover fills"
      },
      "surface-container": {
        "$type": "color",
        "$value": "#17222a",
        "$description": "Nested fills"
      },
      "surface-container-high": {
        "$type": "color",
        "$value": "#223039",
        "$description": "Hairlines and soft dividers"
      },
      "surface-container-highest": {
        "$type": "color",
        "$value": "#2e3e49",
        "$description": "Strongest fill"
      },
      "surface-slate": {
        "$type": "color",
        "$value": "#141f26",
        "$description": "Cards, panels and modals"
      },
      "surface-steel": {
        "$type": "color",
        "$value": "#1d3140",
        "$description": "Hero bands, category tiles and active status chips"
      },
      "panel-edge": {
        "$type": "color",
        "$value": "#263641",
        "$description": "The 1px border that lifts a card off the page"
      },
      "on-surface": {
        "$type": "color",
        "$value": "#f1f5f8",
        "$description": "Primary text"
      },
      "on-surface-variant": {
        "$type": "color",
        "$value": "#c2ced6",
        "$description": "Secondary text"
      },
      "outline": {
        "$type": "color",
        "$value": "#8fa1ad",
        "$description": "Muted labels"
      },
      "outline-variant": {
        "$type": "color",
        "$value": "#34444f",
        "$description": "Borders"
      },
      "brand": {
        "$type": "color",
        "$value": "#EF5350",
        "$description": "The single accent. Primary action fill and brand moments"
      },
      "brand-hover": {
        "$type": "color",
        "$value": "#f95a56",
        "$description": "Primary action fill on hover"
      },
      "on-brand": {
        "$type": "color",
        "$value": "#ffffff",
        "$description": "Text on the brand fill"
      },
      "primary": {
        "$type": "color",
        "$value": "#ffb3ae",
        "$description": "Accent text and links"
      },
      "ok": {
        "$type": "color",
        "$value": "#86EFAC",
        "$description": "Approved, complete, paid"
      },
      "warn": {
        "$type": "color",
        "$value": "#FCD34D",
        "$description": "Pending, revision requested"
      },
      "error": {
        "$type": "color",
        "$value": "#ffb4ab",
        "$description": "Rejected and failed"
      }
    },
    "light": {
      "surface": {
        "$type": "color",
        "$value": "#EDF1F4",
        "$description": "Page base"
      },
      "background-deep": {
        "$type": "color",
        "$value": "#EDF1F4",
        "$description": "Page ground, the darkest wide layer"
      },
      "surface-container-lowest": {
        "$type": "color",
        "$value": "#FFFFFF",
        "$description": "Wells and inset areas"
      },
      "surface-container-low": {
        "$type": "color",
        "$value": "#F4F6F8",
        "$description": "Hover fills"
      },
      "surface-container": {
        "$type": "color",
        "$value": "#E6EBEF",
        "$description": "Nested fills"
      },
      "surface-container-high": {
        "$type": "color",
        "$value": "#DAE1E7",
        "$description": "Hairlines and soft dividers"
      },
      "surface-container-highest": {
        "$type": "color",
        "$value": "#CCD6DD",
        "$description": "Strongest fill"
      },
      "surface-slate": {
        "$type": "color",
        "$value": "#FFFFFF",
        "$description": "Cards, panels and modals"
      },
      "surface-steel": {
        "$type": "color",
        "$value": "#DDE6ED",
        "$description": "Hero bands, category tiles and active status chips"
      },
      "panel-edge": {
        "$type": "color",
        "$value": "#D3DBE1",
        "$description": "The 1px border that lifts a card off the page"
      },
      "on-surface": {
        "$type": "color",
        "$value": "#0F1A22",
        "$description": "Primary text"
      },
      "on-surface-variant": {
        "$type": "color",
        "$value": "#394853",
        "$description": "Secondary text"
      },
      "outline": {
        "$type": "color",
        "$value": "#596975",
        "$description": "Muted labels"
      },
      "outline-variant": {
        "$type": "color",
        "$value": "#C3CDD4",
        "$description": "Borders"
      },
      "brand": {
        "$type": "color",
        "$value": "#EF5350",
        "$description": "The single accent. Primary action fill and brand moments"
      },
      "brand-hover": {
        "$type": "color",
        "$value": "#D93E3B",
        "$description": "Primary action fill on hover"
      },
      "on-brand": {
        "$type": "color",
        "$value": "#ffffff",
        "$description": "Text on the brand fill"
      },
      "primary": {
        "$type": "color",
        "$value": "#B3272A",
        "$description": "Accent text and links"
      },
      "ok": {
        "$type": "color",
        "$value": "#15803D",
        "$description": "Approved, complete, paid"
      },
      "warn": {
        "$type": "color",
        "$value": "#A16207",
        "$description": "Pending, revision requested"
      },
      "error": {
        "$type": "color",
        "$value": "#B3261E",
        "$description": "Rejected and failed"
      }
    }
  },
  "font": {
    "sans": {
      "$type": "fontFamily",
      "$value": [
        "Be Vietnam Pro",
        "ui-sans-serif",
        "system-ui",
        "sans-serif"
      ],
      "$description": "Every heading and all body copy"
    },
    "mono": {
      "$type": "fontFamily",
      "$value": [
        "JetBrains Mono",
        "ui-monospace",
        "monospace"
      ],
      "$description": "Machine values only: IDs, wallets, hashes, scores, amounts and timestamps"
    }
  },
  "radius": {
    "base": {
      "$type": "dimension",
      "$value": "4px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "8px"
    },
    "full": {
      "$type": "dimension",
      "$value": "9999px"
    }
  },
  "space": {
    "base": {
      "$type": "dimension",
      "$value": "4px"
    },
    "gutter": {
      "$type": "dimension",
      "$value": "24px"
    },
    "margin-mobile": {
      "$type": "dimension",
      "$value": "16px"
    },
    "margin-desktop": {
      "$type": "dimension",
      "$value": "64px"
    },
    "max-width": {
      "$type": "dimension",
      "$value": "1280px"
    }
  }
}