{
  "meta": {
    "name": "Form & Phase",
    "version": "0.5.0",
    "status": "Proposed visual system; name and source mark approved",
    "date": "2026-09-17",
    "schema": "Form & Phase custom token schema; value/type records, not DTCG-validated",
    "componentFoundation": "Radix Primitives + native text controls"
  },
  "color": {
    "paper": {
      "value": "#FAF9F6",
      "type": "color"
    },
    "white": {
      "value": "#FFFFFF",
      "type": "color"
    },
    "stone": {
      "value": "#F0F0EB",
      "type": "color"
    },
    "ink": {
      "value": "#191C19",
      "type": "color"
    },
    "muted": {
      "value": "#626761",
      "type": "color"
    },
    "line": {
      "value": "#DDDFD8",
      "type": "color"
    },
    "border": {
      "value": "#858980",
      "type": "color"
    },
    "accent": {
      "value": "#F04B24",
      "type": "color"
    },
    "accent-soft": {
      "value": "#FCE8DF",
      "type": "color"
    },
    "action": {
      "value": "#BA371F",
      "type": "color"
    },
    "action-hover": {
      "value": "#9F2C17",
      "type": "color"
    },
    "action-active": {
      "value": "#82220F",
      "type": "color"
    },
    "success": {
      "value": "#246343",
      "type": "color"
    },
    "success-surface": {
      "value": "#EAF3ED",
      "type": "color"
    },
    "warning": {
      "value": "#805300",
      "type": "color"
    },
    "warning-surface": {
      "value": "#FFF3D6",
      "type": "color"
    },
    "error": {
      "value": "#B42318",
      "type": "color"
    },
    "error-surface": {
      "value": "#FFF0ED",
      "type": "color"
    },
    "info": {
      "value": "#1B62A7",
      "type": "color"
    },
    "info-surface": {
      "value": "#EDF4FC",
      "type": "color"
    }
  },
  "font": {
    "display": {
      "value": "Inter Tight",
      "type": "fontFamily"
    },
    "body": {
      "value": "Inter",
      "type": "fontFamily"
    }
  },
  "space": {
    "0": {
      "value": "0rem",
      "type": "dimension"
    },
    "4": {
      "value": "0.25rem",
      "type": "dimension"
    },
    "8": {
      "value": "0.5rem",
      "type": "dimension"
    },
    "12": {
      "value": "0.75rem",
      "type": "dimension"
    },
    "16": {
      "value": "1rem",
      "type": "dimension"
    },
    "24": {
      "value": "1.5rem",
      "type": "dimension"
    },
    "32": {
      "value": "2rem",
      "type": "dimension"
    },
    "48": {
      "value": "3rem",
      "type": "dimension"
    },
    "64": {
      "value": "4rem",
      "type": "dimension"
    },
    "80": {
      "value": "5rem",
      "type": "dimension"
    },
    "96": {
      "value": "6rem",
      "type": "dimension"
    },
    "128": {
      "value": "8rem",
      "type": "dimension"
    },
    "160": {
      "value": "10rem",
      "type": "dimension"
    },
    "192": {
      "value": "12rem",
      "type": "dimension"
    }
  },
  "radius": {
    "0": {
      "value": "0px",
      "type": "dimension"
    },
    "4": {
      "value": "4px",
      "type": "dimension"
    },
    "8": {
      "value": "8px",
      "type": "dimension"
    },
    "12": {
      "value": "12px",
      "type": "dimension"
    },
    "16": {
      "value": "16px",
      "type": "dimension"
    }
  },
  "layout": {
    "wide": {
      "value": "90rem",
      "type": "dimension"
    },
    "standard": {
      "value": "72rem",
      "type": "dimension"
    },
    "narrow": {
      "value": "48rem",
      "type": "dimension"
    },
    "reading": {
      "value": "42rem",
      "type": "dimension"
    },
    "form": {
      "value": "36rem",
      "type": "dimension"
    }
  },
  "motion": {
    "fast": {
      "value": "120ms",
      "type": "duration"
    },
    "standard": {
      "value": "180ms",
      "type": "duration"
    },
    "reveal": {
      "value": "400ms",
      "type": "duration"
    },
    "ease": {
      "value": "cubic-bezier(.2,.7,.2,1)",
      "type": "cubicBezier"
    }
  },
  "semantic": {
    "light": {
      "canvas": {
        "value": "#FAF9F6",
        "type": "color"
      },
      "surface": {
        "value": "#FFFFFF",
        "type": "color"
      },
      "subtle": {
        "value": "#F0F0EB",
        "type": "color"
      },
      "text": {
        "value": "#191C19",
        "type": "color"
      },
      "muted": {
        "value": "#626761",
        "type": "color"
      },
      "line": {
        "value": "#DDDFD8",
        "type": "color"
      },
      "border": {
        "value": "#858980",
        "type": "color"
      },
      "accent": {
        "value": "#F04B24",
        "type": "color"
      },
      "accent-soft": {
        "value": "#FCE8DF",
        "type": "color"
      },
      "action": {
        "value": "#BA371F",
        "type": "color"
      },
      "action-hover": {
        "value": "#9F2C17",
        "type": "color"
      },
      "action-active": {
        "value": "#82220F",
        "type": "color"
      },
      "action-text": {
        "value": "#FFFFFF",
        "type": "color"
      },
      "focus": {
        "value": "#191C19",
        "type": "color"
      },
      "success": {
        "value": "#246343",
        "type": "color"
      },
      "success-surface": {
        "value": "#EAF3ED",
        "type": "color"
      },
      "warning": {
        "value": "#805300",
        "type": "color"
      },
      "warning-surface": {
        "value": "#FFF3D6",
        "type": "color"
      },
      "error": {
        "value": "#B42318",
        "type": "color"
      },
      "error-surface": {
        "value": "#FFF0ED",
        "type": "color"
      },
      "info": {
        "value": "#1B62A7",
        "type": "color"
      },
      "info-surface": {
        "value": "#EDF4FC",
        "type": "color"
      },
      "disabled-bg": {
        "value": "#E5E7E1",
        "type": "color"
      },
      "disabled-text": {
        "value": "#626761",
        "type": "color"
      },
      "neutral-hover": {
        "value": "#E2E5DD",
        "type": "color"
      },
      "neutral-active": {
        "value": "#D5DAD0",
        "type": "color"
      },
      "secondary-bg": {
        "value": "#F0F0EB",
        "type": "color"
      },
      "secondary-text": {
        "value": "#191C19",
        "type": "color"
      },
      "secondary-hover": {
        "value": "#E2E5DD",
        "type": "color"
      },
      "secondary-active": {
        "value": "#D5DAD0",
        "type": "color"
      },
      "primary-bg": {
        "value": "#BA371F",
        "type": "color"
      },
      "primary-hover": {
        "value": "#9F2C17",
        "type": "color"
      },
      "primary-active": {
        "value": "#82220F",
        "type": "color"
      },
      "primary-text": {
        "value": "#FFFFFF",
        "type": "color"
      },
      "primary-edge": {
        "value": "#FF8357",
        "type": "color"
      }
    },
    "dark": {
      "canvas": {
        "value": "#111512",
        "type": "color"
      },
      "surface": {
        "value": "#1B211C",
        "type": "color"
      },
      "subtle": {
        "value": "#242D26",
        "type": "color"
      },
      "text": {
        "value": "#F5F4ED",
        "type": "color"
      },
      "muted": {
        "value": "#B5BDB2",
        "type": "color"
      },
      "line": {
        "value": "#38453B",
        "type": "color"
      },
      "border": {
        "value": "#7E8C81",
        "type": "color"
      },
      "accent": {
        "value": "#F04B24",
        "type": "color"
      },
      "accent-soft": {
        "value": "#41291F",
        "type": "color"
      },
      "action": {
        "value": "#FFAB90",
        "type": "color"
      },
      "action-hover": {
        "value": "#FFC1AD",
        "type": "color"
      },
      "action-active": {
        "value": "#FF9471",
        "type": "color"
      },
      "action-text": {
        "value": "#191C19",
        "type": "color"
      },
      "focus": {
        "value": "#F5F4ED",
        "type": "color"
      },
      "success": {
        "value": "#98D5AB",
        "type": "color"
      },
      "success-surface": {
        "value": "#193425",
        "type": "color"
      },
      "warning": {
        "value": "#F1CD7C",
        "type": "color"
      },
      "warning-surface": {
        "value": "#392E15",
        "type": "color"
      },
      "error": {
        "value": "#FFB1A4",
        "type": "color"
      },
      "error-surface": {
        "value": "#40231F",
        "type": "color"
      },
      "info": {
        "value": "#A2CFFD",
        "type": "color"
      },
      "info-surface": {
        "value": "#1B2E40",
        "type": "color"
      },
      "disabled-bg": {
        "value": "#303B33",
        "type": "color"
      },
      "disabled-text": {
        "value": "#B5BDB2",
        "type": "color"
      },
      "neutral-hover": {
        "value": "#344137",
        "type": "color"
      },
      "neutral-active": {
        "value": "#415145",
        "type": "color"
      },
      "secondary-bg": {
        "value": "#242D26",
        "type": "color"
      },
      "secondary-text": {
        "value": "#F5F4ED",
        "type": "color"
      },
      "secondary-hover": {
        "value": "#344137",
        "type": "color"
      },
      "secondary-active": {
        "value": "#415145",
        "type": "color"
      },
      "primary-bg": {
        "value": "#BA371F",
        "type": "color"
      },
      "primary-hover": {
        "value": "#C83E23",
        "type": "color"
      },
      "primary-active": {
        "value": "#AD3019",
        "type": "color"
      },
      "primary-text": {
        "value": "#FFFFFF",
        "type": "color"
      },
      "primary-edge": {
        "value": "#FF8357",
        "type": "color"
      }
    },
    "accent": {
      "canvas": {
        "value": "#F04B24",
        "type": "color"
      },
      "surface": {
        "value": "#FFF6F0",
        "type": "color"
      },
      "subtle": {
        "value": "#F86847",
        "type": "color"
      },
      "text": {
        "value": "#191C19",
        "type": "color"
      },
      "muted": {
        "value": "#191C19",
        "type": "color"
      },
      "line": {
        "value": "#9C331D",
        "type": "color"
      },
      "border": {
        "value": "#562519",
        "type": "color"
      },
      "accent": {
        "value": "#F04B24",
        "type": "color"
      },
      "accent-soft": {
        "value": "#FCE8DF",
        "type": "color"
      },
      "action": {
        "value": "#191C19",
        "type": "color"
      },
      "action-hover": {
        "value": "#101512",
        "type": "color"
      },
      "action-active": {
        "value": "#080D09",
        "type": "color"
      },
      "action-text": {
        "value": "#FFFFFF",
        "type": "color"
      },
      "focus": {
        "value": "#191C19",
        "type": "color"
      },
      "success": {
        "value": "#246343",
        "type": "color"
      },
      "success-surface": {
        "value": "#EAF3ED",
        "type": "color"
      },
      "warning": {
        "value": "#805300",
        "type": "color"
      },
      "warning-surface": {
        "value": "#FFF3D6",
        "type": "color"
      },
      "error": {
        "value": "#B42318",
        "type": "color"
      },
      "error-surface": {
        "value": "#FFF0ED",
        "type": "color"
      },
      "info": {
        "value": "#1B62A7",
        "type": "color"
      },
      "info-surface": {
        "value": "#EDF4FC",
        "type": "color"
      },
      "disabled-bg": {
        "value": "#E5E7E1",
        "type": "color"
      },
      "disabled-text": {
        "value": "#626761",
        "type": "color"
      },
      "neutral-hover": {
        "value": "#F87C60",
        "type": "color"
      },
      "neutral-active": {
        "value": "#FD927A",
        "type": "color"
      },
      "secondary-bg": {
        "value": "#FFF0E6",
        "type": "color"
      },
      "secondary-text": {
        "value": "#191C19",
        "type": "color"
      },
      "secondary-hover": {
        "value": "#FFFFFF",
        "type": "color"
      },
      "secondary-active": {
        "value": "#FFDBC8",
        "type": "color"
      },
      "primary-bg": {
        "value": "#191C19",
        "type": "color"
      },
      "primary-hover": {
        "value": "#101512",
        "type": "color"
      },
      "primary-active": {
        "value": "#080D09",
        "type": "color"
      },
      "primary-text": {
        "value": "#FFFFFF",
        "type": "color"
      },
      "primary-edge": {
        "value": "#FFC19C",
        "type": "color"
      }
    }
  },
  "component": {
    "control-height": {
      "value": "3rem",
      "type": "dimension"
    },
    "control-height-small": {
      "value": "2.5rem",
      "type": "dimension"
    },
    "control-height-large": {
      "value": "3.5rem",
      "type": "dimension"
    },
    "field-gap": {
      "value": "1.5rem",
      "type": "dimension"
    },
    "focus-width": {
      "value": "3px",
      "type": "dimension"
    },
    "focus-offset": {
      "value": "3px",
      "type": "dimension"
    },
    "button-variants": {
      "value": {
        "primary": {
          "background": "action",
          "foreground": "action-text",
          "border": "transparent"
        },
        "secondary": {
          "background": "secondary-bg",
          "foreground": "secondary-text",
          "border": "transparent"
        },
        "outline": {
          "background": "transparent",
          "foreground": "text",
          "border": "border"
        },
        "ghost": {
          "background": "transparent",
          "foreground": "text",
          "border": "transparent"
        },
        "text-link": {
          "background": "transparent",
          "foreground": "action",
          "underline": true
        }
      },
      "type": "variantMap",
      "description": "Semantic role references resolve using the current theme. Destructive intent is a contextual modifier."
    },
    "radius-control": {
      "value": "8px",
      "type": "dimension"
    },
    "radius-panel": {
      "value": "12px",
      "type": "dimension"
    },
    "radius-pill": {
      "value": "999px",
      "type": "dimension"
    },
    "light-proximity-radius": {
      "value": "96px",
      "type": "dimension"
    }
  },
  "typography": {
    "display": {
      "value": "clamp(3rem, 1.5rem + 5vw, 7.5rem)",
      "type": "dimension"
    },
    "h1": {
      "value": "clamp(2.5rem, 1.75rem + 3vw, 5.5rem)",
      "type": "dimension"
    },
    "h2": {
      "value": "clamp(2rem, 1.3rem + 2.5vw, 4rem)",
      "type": "dimension"
    },
    "h3": {
      "value": "clamp(1.5rem, 1.2rem + 1vw, 2rem)",
      "type": "dimension"
    },
    "body": {
      "value": "1rem",
      "type": "dimension"
    },
    "body-large": {
      "value": "1.25rem",
      "type": "dimension"
    },
    "small": {
      "value": ".875rem",
      "type": "dimension"
    },
    "tracking-display": {
      "value": "-.02em",
      "type": "dimension"
    },
    "tracking-heading": {
      "value": "-.015em",
      "type": "dimension"
    },
    "tracking-title": {
      "value": "-.01em",
      "type": "dimension"
    }
  },
  "fluid": {
    "gutter": {
      "value": "clamp(1.5rem, 4vw, 6rem)",
      "type": "dimension"
    },
    "section": {
      "value": "clamp(4rem, 8vw, 10rem)",
      "type": "dimension"
    }
  },
  "effects": {
    "shadow-float": {
      "value": "0 16px 48px rgb(25 28 25 / .10)",
      "type": "shadow"
    }
  },
  "material": {
    "light": {
      "body": {
        "value": "rgb(255 255 255/.54)",
        "type": "color"
      },
      "field": {
        "value": "rgb(255 255 255/.74)",
        "type": "color"
      },
      "edge": {
        "value": "rgb(255 255 255/.94)",
        "type": "color"
      },
      "shade": {
        "value": "rgb(69 61 45/.18)",
        "type": "color"
      },
      "glint": {
        "value": "rgb(255 255 255/.78)",
        "type": "color"
      },
      "shadow": {
        "value": "0 12px 32px rgb(49 42 23/.10),0 2px 5px rgb(49 42 23/.07)",
        "type": "shadow"
      },
      "veil": {
        "value": "rgb(250 249 246/.76)",
        "type": "color"
      },
      "ray": {
        "value": "rgb(233 109 47/.27)",
        "type": "color"
      },
      "ambient": {
        "value": "rgb(255 255 255/.4)",
        "type": "color"
      },
      "rim": {
        "value": "rgb(24 28 23/.28)",
        "type": "color"
      },
      "rim-offset": {
        "value": "180deg",
        "type": "angle"
      }
    },
    "dark": {
      "body": {
        "value": "rgb(39 48 41/.43)",
        "type": "color"
      },
      "field": {
        "value": "rgb(24 31 26/.80)",
        "type": "color"
      },
      "edge": {
        "value": "rgb(237 245 234/.65)",
        "type": "color"
      },
      "shade": {
        "value": "rgb(0 0 0/.6)",
        "type": "color"
      },
      "glint": {
        "value": "rgb(255 249 222/.30)",
        "type": "color"
      },
      "shadow": {
        "value": "0 16px 36px rgb(0 0 0/.28),0 2px 6px rgb(0 0 0/.28)",
        "type": "shadow"
      },
      "veil": {
        "value": "rgb(17 21 18/.75)",
        "type": "color"
      },
      "ray": {
        "value": "rgb(255 143 65/.32)",
        "type": "color"
      },
      "ambient": {
        "value": "rgb(240 189 123/.12)",
        "type": "color"
      },
      "rim": {
        "value": "rgb(251 255 243/.96)",
        "type": "color"
      },
      "rim-offset": {
        "value": "0deg",
        "type": "angle"
      }
    },
    "accent": {
      "body": {
        "value": "rgb(255 235 210/.67)",
        "type": "color"
      },
      "field": {
        "value": "rgb(255 247 235/.86)",
        "type": "color"
      },
      "edge": {
        "value": "rgb(255 246 226/.9)",
        "type": "color"
      },
      "shade": {
        "value": "rgb(86 32 9/.25)",
        "type": "color"
      },
      "glint": {
        "value": "rgb(255 255 255/.64)",
        "type": "color"
      },
      "shadow": {
        "value": "0 12px 32px rgb(80 24 9/.14),0 2px 5px rgb(80 24 9/.12)",
        "type": "shadow"
      },
      "veil": {
        "value": "rgb(240 75 36/.80)",
        "type": "color"
      },
      "ray": {
        "value": "rgb(255 225 170/.55)",
        "type": "color"
      },
      "ambient": {
        "value": "rgb(255 218 174/.4)",
        "type": "color"
      },
      "rim": {
        "value": "rgb(54 23 11/.65)",
        "type": "color"
      },
      "rim-offset": {
        "value": "180deg",
        "type": "angle"
      }
    }
  }
}