{
  "name": "Terminal",
  "version": 1,
  "meta": {
    "source": "wallflower-ui",
    "preset": "terminal",
    "fonts": {
      "sans": "JetBrains Mono",
      "display": "VT323",
      "serif": "IBM Plex Mono",
      "mono": "IBM Plex Mono"
    }
  },
  "color": {
    "themes": [
      {
        "id": "light",
        "name": "Light"
      },
      {
        "id": "dark",
        "name": "Dark"
      }
    ],
    "tokens": [
      {
        "name": "background",
        "value": {
          "light": "#f3f6ef",
          "dark": "#070b08"
        },
        "usage": "Page background."
      },
      {
        "name": "foreground",
        "value": {
          "light": "#0f2a17",
          "dark": "#b6f5c8"
        },
        "usage": "Body text on background."
      },
      {
        "name": "card",
        "value": {
          "light": "#fbfdf8",
          "dark": "#0c130e"
        },
        "usage": "Card and panel surface."
      },
      {
        "name": "card-foreground",
        "value": {
          "light": "#0f2a17",
          "dark": "#b6f5c8"
        },
        "usage": "Text on card."
      },
      {
        "name": "popover",
        "value": {
          "light": "#fbfdf8",
          "dark": "#0c130e"
        },
        "usage": "Menus, popovers, tooltips."
      },
      {
        "name": "popover-foreground",
        "value": {
          "light": "#0f2a17",
          "dark": "#b6f5c8"
        },
        "usage": "Text on popover."
      },
      {
        "name": "primary",
        "value": {
          "light": "#0d6b39",
          "dark": "#3dff8f"
        },
        "usage": "Primary buttons and key actions."
      },
      {
        "name": "primary-foreground",
        "value": {
          "light": "#effff4",
          "dark": "#03140a"
        },
        "usage": "Text and icons on primary."
      },
      {
        "name": "secondary",
        "value": {
          "light": "#e2eadf",
          "dark": "#12201a"
        },
        "usage": "Secondary buttons, subtle fills."
      },
      {
        "name": "secondary-foreground",
        "value": {
          "light": "#0f2a17",
          "dark": "#b6f5c8"
        },
        "usage": "Text on secondary."
      },
      {
        "name": "muted",
        "value": {
          "light": "#e2eadf",
          "dark": "#101a13"
        },
        "usage": "Muted fills: skeletons, code, table stripes."
      },
      {
        "name": "muted-foreground",
        "value": {
          "light": "#3f5f49",
          "dark": "#6fbf8a"
        },
        "usage": "Secondary text on background or muted."
      },
      {
        "name": "accent",
        "value": {
          "light": "#d3f5df",
          "dark": "#133d24"
        },
        "usage": "Hover and selected fills for menu items."
      },
      {
        "name": "accent-foreground",
        "value": {
          "light": "#0f2a17",
          "dark": "#d8ffe4"
        },
        "usage": "Text on accent."
      },
      {
        "name": "destructive",
        "value": {
          "light": "#b42318",
          "dark": "#ff6b5f"
        },
        "usage": "Destructive actions and errors."
      },
      {
        "name": "destructive-foreground",
        "value": {
          "light": "#ffffff",
          "dark": "#1a0302"
        },
        "usage": "Text on destructive."
      },
      {
        "name": "border",
        "value": {
          "light": "#b9cbbd",
          "dark": "#1d3326"
        },
        "usage": "Dividers and card borders."
      },
      {
        "name": "input",
        "value": {
          "light": "#6b8c75",
          "dark": "#3d6b4e"
        },
        "usage": "Form control borders (3:1 on background)."
      },
      {
        "name": "ring",
        "value": {
          "light": "#0d6b39",
          "dark": "#3dff8f"
        },
        "usage": "Focus rings."
      },
      {
        "name": "chart-1",
        "value": {
          "light": "#0d6b39",
          "dark": "#3dff8f"
        },
        "usage": "Chart and sidebar colors (shadcn/ui)."
      },
      {
        "name": "chart-2",
        "value": {
          "light": "#1d7fb8",
          "dark": "#5ec8ff"
        },
        "usage": "Chart and sidebar colors (shadcn/ui)."
      },
      {
        "name": "chart-3",
        "value": {
          "light": "#b07a00",
          "dark": "#ffd23f"
        },
        "usage": "Chart and sidebar colors (shadcn/ui)."
      },
      {
        "name": "chart-4",
        "value": {
          "light": "#8a3ffc",
          "dark": "#c084fc"
        },
        "usage": "Chart and sidebar colors (shadcn/ui)."
      },
      {
        "name": "chart-5",
        "value": {
          "light": "#b42318",
          "dark": "#ff6b5f"
        },
        "usage": "Chart and sidebar colors (shadcn/ui)."
      },
      {
        "name": "sidebar",
        "value": {
          "light": "#e9efe5",
          "dark": "#0a100c"
        },
        "usage": "Chart and sidebar colors (shadcn/ui)."
      },
      {
        "name": "sidebar-foreground",
        "value": {
          "light": "#0f2a17",
          "dark": "#b6f5c8"
        },
        "usage": "Chart and sidebar colors (shadcn/ui)."
      },
      {
        "name": "sidebar-primary",
        "value": {
          "light": "#0d6b39",
          "dark": "#3dff8f"
        },
        "usage": "Chart and sidebar colors (shadcn/ui)."
      },
      {
        "name": "sidebar-primary-foreground",
        "value": {
          "light": "#effff4",
          "dark": "#03140a"
        },
        "usage": "Chart and sidebar colors (shadcn/ui)."
      },
      {
        "name": "sidebar-accent",
        "value": {
          "light": "#e2eadf",
          "dark": "#101a13"
        },
        "usage": "Chart and sidebar colors (shadcn/ui)."
      },
      {
        "name": "sidebar-accent-foreground",
        "value": {
          "light": "#0f2a17",
          "dark": "#b6f5c8"
        },
        "usage": "Chart and sidebar colors (shadcn/ui)."
      },
      {
        "name": "sidebar-border",
        "value": {
          "light": "#b9cbbd",
          "dark": "#1d3326"
        },
        "usage": "Chart and sidebar colors (shadcn/ui)."
      },
      {
        "name": "sidebar-ring",
        "value": {
          "light": "#0d6b39",
          "dark": "#3dff8f"
        },
        "usage": "Chart and sidebar colors (shadcn/ui)."
      },
      {
        "name": "surface",
        "value": {
          "light": "#e9efe5",
          "dark": "#0a100c"
        },
        "usage": "Raised or sunken sections of a page."
      },
      {
        "name": "success",
        "value": {
          "light": "#0d6b39",
          "dark": "#3dff8f"
        },
        "usage": "Success states."
      },
      {
        "name": "success-foreground",
        "value": {
          "light": "#effff4",
          "dark": "#03140a"
        },
        "usage": "Text on success."
      },
      {
        "name": "warning",
        "value": {
          "light": "#f5c542",
          "dark": "#ffd23f"
        },
        "usage": "Warning states."
      },
      {
        "name": "warning-foreground",
        "value": {
          "light": "#2a1d00",
          "dark": "#1a1400"
        },
        "usage": "Text on warning."
      },
      {
        "name": "info",
        "value": {
          "light": "#1d6fa5",
          "dark": "#5ec8ff"
        },
        "usage": "Informational states."
      },
      {
        "name": "info-foreground",
        "value": {
          "light": "#ffffff",
          "dark": "#021420"
        },
        "usage": "Text on info."
      },
      {
        "name": "brand",
        "value": {
          "light": "#12a150",
          "dark": "#3dff8f"
        },
        "usage": "Brand color: gradients, highlights, illustrations."
      },
      {
        "name": "brand-2",
        "value": {
          "light": "#1d7fb8",
          "dark": "#5ec8ff"
        },
        "usage": "Second brand color, paired with brand in gradients."
      }
    ]
  },
  "type": {
    "families": {
      "sans": "\"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, monospace",
      "display": "\"VT323\", ui-monospace, SFMono-Regular, Menlo, monospace",
      "serif": "\"IBM Plex Mono\", ui-monospace, SFMono-Regular, Menlo, monospace",
      "mono": "\"IBM Plex Mono\", ui-monospace, SFMono-Regular, Menlo, monospace"
    },
    "groups": [
      {
        "name": "Display",
        "family": "display",
        "styles": [
          {
            "name": "display",
            "fontSize": "5rem",
            "lineHeight": "1.02",
            "fontWeight": 700,
            "letterSpacing": "-0.035em"
          },
          {
            "name": "h1",
            "fontSize": "3.5rem",
            "lineHeight": "1.08",
            "fontWeight": 700,
            "letterSpacing": "-0.03em"
          },
          {
            "name": "h2",
            "fontSize": "2.5rem",
            "lineHeight": "1.15",
            "fontWeight": 650,
            "letterSpacing": "-0.02em"
          }
        ]
      },
      {
        "name": "Text",
        "family": "sans",
        "styles": [
          {
            "name": "h3",
            "fontSize": "1.75rem",
            "lineHeight": "1.25",
            "fontWeight": 600,
            "letterSpacing": "-0.015em"
          },
          {
            "name": "h4",
            "fontSize": "1.125rem",
            "lineHeight": "1.4",
            "fontWeight": 600,
            "letterSpacing": "-0.01em"
          },
          {
            "name": "lead",
            "fontSize": "1.25rem",
            "lineHeight": "1.6",
            "fontWeight": 400,
            "letterSpacing": "0em"
          },
          {
            "name": "body",
            "fontSize": "1rem",
            "lineHeight": "1.6",
            "fontWeight": 400,
            "letterSpacing": "0em"
          },
          {
            "name": "small",
            "fontSize": "0.875rem",
            "lineHeight": "1.5",
            "fontWeight": 400,
            "letterSpacing": "0em"
          },
          {
            "name": "caption",
            "fontSize": "0.75rem",
            "lineHeight": "1.4",
            "fontWeight": 500,
            "letterSpacing": "0.01em"
          }
        ]
      },
      {
        "name": "Code",
        "family": "mono",
        "styles": [
          {
            "name": "overline",
            "fontSize": "0.75rem",
            "lineHeight": "1.3",
            "fontWeight": 500,
            "letterSpacing": "0.12em"
          },
          {
            "name": "code",
            "fontSize": "0.875rem",
            "lineHeight": "1.5",
            "fontWeight": 400,
            "letterSpacing": "0em"
          }
        ]
      }
    ]
  },
  "spacing": {
    "tokens": [
      {
        "name": "space-0",
        "value": "0px",
        "usage": "Reset."
      },
      {
        "name": "space-0-5",
        "value": "0.125rem",
        "usage": "Icon nudges."
      },
      {
        "name": "space-1",
        "value": "0.25rem",
        "usage": "Tight gaps inside badges."
      },
      {
        "name": "space-1-5",
        "value": "0.375rem",
        "usage": "Icon-to-label gap."
      },
      {
        "name": "space-2",
        "value": "0.5rem",
        "usage": "Gap between inline controls."
      },
      {
        "name": "space-3",
        "value": "0.75rem",
        "usage": "Input padding, small stacks."
      },
      {
        "name": "space-4",
        "value": "1rem",
        "usage": "Default gap and mobile gutter."
      },
      {
        "name": "space-5",
        "value": "1.25rem",
        "usage": "Compact card padding."
      },
      {
        "name": "space-6",
        "value": "1.5rem",
        "usage": "Card padding."
      },
      {
        "name": "space-8",
        "value": "2rem",
        "usage": "Gap between related sections."
      },
      {
        "name": "space-10",
        "value": "2.5rem",
        "usage": "Desktop gutter."
      },
      {
        "name": "space-12",
        "value": "3rem",
        "usage": "Section padding (mobile)."
      },
      {
        "name": "space-16",
        "value": "4rem",
        "usage": "Section padding."
      },
      {
        "name": "space-20",
        "value": "5rem",
        "usage": "Large section padding."
      },
      {
        "name": "space-24",
        "value": "6rem",
        "usage": "Hero padding."
      },
      {
        "name": "space-32",
        "value": "8rem",
        "usage": "Landing page rhythm."
      }
    ]
  },
  "radius": {
    "tokens": [
      {
        "name": "radius-sm",
        "value": "0px",
        "usage": "Badges, small buttons."
      },
      {
        "name": "radius-md",
        "value": "0px",
        "usage": "Buttons, inputs."
      },
      {
        "name": "radius-lg",
        "value": "0px",
        "usage": "Cards, popovers."
      },
      {
        "name": "radius-xl",
        "value": "0px",
        "usage": "Large cards, dialogs."
      }
    ]
  },
  "shadow": {
    "tokens": []
  },
  "breakpoint": {
    "tokens": [
      {
        "name": "bp-xs",
        "value": "30rem",
        "usage": "480px — large phones."
      },
      {
        "name": "bp-sm",
        "value": "40rem",
        "usage": "640px — phablets, small tablets."
      },
      {
        "name": "bp-md",
        "value": "48rem",
        "usage": "768px — tablets portrait."
      },
      {
        "name": "bp-lg",
        "value": "64rem",
        "usage": "1024px — tablets landscape, laptops."
      },
      {
        "name": "bp-xl",
        "value": "80rem",
        "usage": "1280px — desktops."
      },
      {
        "name": "bp-2xl",
        "value": "96rem",
        "usage": "1536px — wide desktops."
      }
    ]
  }
}