{
 "$description": "Nijimi design system. Sanzo Wada combination 28.",
 "palette": {
  "madder-brown": {
   "$type": "color",
   "$value": {
    "colorSpace": "srgb",
    "components": [
     0.4627,
     0.1725,
     0.098
    ],
    "hex": "#762c19"
   },
   "$description": "Madder Brown (Sanzo Wada)"
  },
  "deep-indigo": {
   "$type": "color",
   "$value": {
    "colorSpace": "srgb",
    "components": [
     0.0196,
     0.0706,
     0.1882
    ],
    "hex": "#051230"
   },
   "$description": "Deep Indigo (Sanzo Wada)"
  }
 },
 "color": {
  "light": {
   "background": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9529,
      0.949,
      0.9333
     ],
     "hex": "#f3f2ee"
    },
    "$description": "Page background"
   },
   "foreground": {
    "$type": "color",
    "$value": "{palette.deep-indigo}",
    "$description": "Headings and primary text"
   },
   "body": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.4,
      0.4039,
      0.4157
     ],
     "hex": "#66676a"
    },
    "$description": "Body copy"
   },
   "surface": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9843,
      0.9843,
      0.9765
     ],
     "hex": "#fbfbf9"
    },
    "$description": "Cards and raised panels"
   },
   "surface-foreground": {
    "$type": "color",
    "$value": "{palette.deep-indigo}",
    "$description": "Text on surfaces"
   },
   "muted": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9333,
      0.9294,
      0.9137
     ],
     "hex": "#eeede9"
    },
    "$description": "Quiet bands, wells, hover rows"
   },
   "muted-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.4,
      0.4039,
      0.4157
     ],
     "hex": "#66676a"
    },
    "$description": "Secondary text, captions, labels"
   },
   "border": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0314,
      0.0627,
      0.1922
     ],
     "alpha": 0.12,
     "hex": "#081031"
    },
    "$description": "Hairlines, dividers, card edges"
   },
   "border-strong": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0196,
      0.0706,
      0.1961
     ],
     "alpha": 0.22,
     "hex": "#051232"
    },
    "$description": "Emphasised rules, input edges on hover"
   },
   "input": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0314,
      0.0627,
      0.1922
     ],
     "alpha": 0.12,
     "hex": "#081031"
    },
    "$description": "Input borders"
   },
   "input-background": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9843,
      0.9843,
      0.9765
     ],
     "hex": "#fbfbf9"
    },
    "$description": "Input fill"
   },
   "ring": {
    "$type": "color",
    "$value": "{palette.madder-brown}",
    "$description": "Focus ring"
   },
   "primary": {
    "$type": "color",
    "$value": "{palette.deep-indigo}",
    "$description": "Primary action fill"
   },
   "primary-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9529,
      0.949,
      0.9333
     ],
     "hex": "#f3f2ee"
    },
    "$description": "Text on primary"
   },
   "secondary": {
    "$type": "color",
    "$value": "{palette.madder-brown}",
    "$description": "Secondary action fill"
   },
   "secondary-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      1,
      1,
      1
     ],
     "hex": "#ffffff"
    },
    "$description": "Text on secondary"
   },
   "accent": {
    "$type": "color",
    "$value": "{palette.deep-indigo}",
    "$description": "Brand accent: highlights, links, active states"
   },
   "accent-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9529,
      0.949,
      0.9333
     ],
     "hex": "#f3f2ee"
    },
    "$description": "Text on accent"
   },
   "inverse": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.4,
      0.4039,
      0.4157
     ],
     "hex": "#66676a"
    },
    "$description": "Inverted band (dark on light pages, light on dark)"
   },
   "inverse-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9529,
      0.949,
      0.9333
     ],
     "hex": "#f3f2ee"
    },
    "$description": "Text on inverse"
   },
   "inverse-muted": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.7412,
      0.7412,
      0.7373
     ],
     "hex": "#bdbdbc"
    },
    "$description": "Secondary text on inverse"
   },
   "inverse-border": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9529,
      0.949,
      0.9333
     ],
     "alpha": 0.16,
     "hex": "#f3f2ee"
    },
    "$description": "Hairlines on inverse"
   },
   "destructive": {
    "$type": "color",
    "$value": "{palette.madder-brown}",
    "$description": "Errors and destructive actions"
   },
   "destructive-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      1,
      1,
      1
     ],
     "hex": "#ffffff"
    },
    "$description": "Text on destructive"
   }
  },
  "dark": {
   "background": {
    "$type": "color",
    "$value": "{palette.deep-indigo}",
    "$description": "Page background"
   },
   "foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9529,
      0.949,
      0.9333
     ],
     "hex": "#f3f2ee"
    },
    "$description": "Headings and primary text"
   },
   "body": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.651,
      0.6549,
      0.6667
     ],
     "hex": "#a6a7aa"
    },
    "$description": "Body copy"
   },
   "surface": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0667,
      0.1137,
      0.2235
     ],
     "hex": "#111d39"
    },
    "$description": "Cards and raised panels"
   },
   "surface-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9529,
      0.949,
      0.9333
     ],
     "hex": "#f3f2ee"
    },
    "$description": "Text on surfaces"
   },
   "muted": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0549,
      0.1059,
      0.2157
     ],
     "hex": "#0e1b37"
    },
    "$description": "Quiet bands, wells, hover rows"
   },
   "muted-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.651,
      0.6549,
      0.6667
     ],
     "hex": "#a6a7aa"
    },
    "$description": "Secondary text, captions, labels"
   },
   "border": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9412,
      0.9412,
      0.9412
     ],
     "alpha": 0.13,
     "hex": "#f0f0f0"
    },
    "$description": "Hairlines, dividers, card edges"
   },
   "border-strong": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.949,
      0.949,
      0.9333
     ],
     "alpha": 0.24,
     "hex": "#f2f2ee"
    },
    "$description": "Emphasised rules, input edges on hover"
   },
   "input": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9412,
      0.9412,
      0.9412
     ],
     "alpha": 0.13,
     "hex": "#f0f0f0"
    },
    "$description": "Input borders"
   },
   "input-background": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0667,
      0.1137,
      0.2235
     ],
     "hex": "#111d39"
    },
    "$description": "Input fill"
   },
   "ring": {
    "$type": "color",
    "$value": "{palette.madder-brown}",
    "$description": "Focus ring"
   },
   "primary": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9529,
      0.949,
      0.9333
     ],
     "hex": "#f3f2ee"
    },
    "$description": "Primary action fill"
   },
   "primary-foreground": {
    "$type": "color",
    "$value": "{palette.deep-indigo}",
    "$description": "Text on primary"
   },
   "secondary": {
    "$type": "color",
    "$value": "{palette.madder-brown}",
    "$description": "Secondary action fill"
   },
   "secondary-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      1,
      1,
      1
     ],
     "hex": "#ffffff"
    },
    "$description": "Text on secondary"
   },
   "accent": {
    "$type": "color",
    "$value": "{palette.madder-brown}",
    "$description": "Brand accent: highlights, links, active states"
   },
   "accent-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      1,
      1,
      1
     ],
     "hex": "#ffffff"
    },
    "$description": "Text on accent"
   },
   "inverse": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.9529,
      0.949,
      0.9333
     ],
     "hex": "#f3f2ee"
    },
    "$description": "Inverted band (dark on light pages, light on dark)"
   },
   "inverse-foreground": {
    "$type": "color",
    "$value": "{palette.deep-indigo}",
    "$description": "Text on inverse"
   },
   "inverse-muted": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.3725,
      0.4039,
      0.4706
     ],
     "hex": "#5f6778"
    },
    "$description": "Secondary text on inverse"
   },
   "inverse-border": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.0196,
      0.0706,
      0.1882
     ],
     "alpha": 0.16,
     "hex": "#051230"
    },
    "$description": "Hairlines on inverse"
   },
   "destructive": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      0.5255,
      0.2706,
      0.2078
     ],
     "hex": "#864535"
    },
    "$description": "Errors and destructive actions"
   },
   "destructive-foreground": {
    "$type": "color",
    "$value": {
     "colorSpace": "srgb",
     "components": [
      1,
      1,
      1
     ],
     "hex": "#ffffff"
    },
    "$description": "Text on destructive"
   }
  }
 },
 "font": {
  "display": {
   "$type": "fontFamily",
   "$value": [
    "Shippori Mincho",
    "Hiragino Mincho ProN",
    "Yu Mincho",
    "ui-serif",
    "Georgia",
    "serif"
   ],
   "$description": "Shippori Mincho · SIL Open Font License 1.1"
  },
  "body": {
   "$type": "fontFamily",
   "$value": [
    "Zen Kaku Gothic New",
    "Hiragino Sans",
    "ui-sans-serif",
    "system-ui",
    "-apple-system",
    "Segoe UI",
    "sans-serif"
   ],
   "$description": "Zen Kaku Gothic New · SIL Open Font License 1.1"
  }
 },
 "text": {
  "display": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.display}",
    "fontSize": {
     "value": 80.64,
     "unit": "px"
    },
    "fontWeight": 500,
    "lineHeight": 1.08,
    "letterSpacing": {
     "value": -0.025,
     "unit": "em"
    }
   },
   "$description": "Display: clamp(42px, 5.6vw, 92px); 42px on phones"
  },
  "h2": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.display}",
    "fontSize": {
     "value": 46.08,
     "unit": "px"
    },
    "fontWeight": 500,
    "lineHeight": 1.16,
    "letterSpacing": {
     "value": -0.01,
     "unit": "em"
    }
   },
   "$description": "H2: clamp(30px, 3.2vw, 50px); 30px on phones"
  },
  "h3": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.display}",
    "fontSize": {
     "value": 27.36,
     "unit": "px"
    },
    "fontWeight": 500,
    "lineHeight": 1.3,
    "letterSpacing": {
     "value": -0.01,
     "unit": "em"
    }
   },
   "$description": "H3: clamp(22px, 1.9vw, 30px); 22px on phones"
  },
  "lead": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.body}",
    "fontSize": {
     "value": 18.72,
     "unit": "px"
    },
    "fontWeight": 400,
    "lineHeight": 1.75,
    "letterSpacing": {
     "value": 0.009,
     "unit": "em"
    }
   },
   "$description": "Lead: clamp(17px, 1.3vw, 20px); 17px on phones"
  },
  "body": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.body}",
    "fontSize": {
     "value": 16,
     "unit": "px"
    },
    "fontWeight": 400,
    "lineHeight": 1.75,
    "letterSpacing": {
     "value": 0.01,
     "unit": "em"
    }
   },
   "$description": "Body: 16px; 16px on phones"
  },
  "small": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.body}",
    "fontSize": {
     "value": 14,
     "unit": "px"
    },
    "fontWeight": 400,
    "lineHeight": 1.75,
    "letterSpacing": {
     "value": 0.011,
     "unit": "em"
    }
   },
   "$description": "Small: 14px; 14px on phones"
  },
  "eyebrow": {
   "$type": "typography",
   "$value": {
    "fontFamily": "{font.body}",
    "fontSize": {
     "value": 12.5,
     "unit": "px"
    },
    "fontWeight": 500,
    "lineHeight": 1.75,
    "letterSpacing": {
     "value": 0.14,
     "unit": "em"
    }
   },
   "$description": "Eyebrow: 12.5px, uppercase; 12.5px on phones"
  }
 },
 "space": {
  "1": {
   "$type": "dimension",
   "$value": {
    "value": 4,
    "unit": "px"
   }
  },
  "2": {
   "$type": "dimension",
   "$value": {
    "value": 6,
    "unit": "px"
   }
  },
  "3": {
   "$type": "dimension",
   "$value": {
    "value": 10,
    "unit": "px"
   }
  },
  "4": {
   "$type": "dimension",
   "$value": {
    "value": 14,
    "unit": "px"
   }
  },
  "5": {
   "$type": "dimension",
   "$value": {
    "value": 22,
    "unit": "px"
   }
  },
  "6": {
   "$type": "dimension",
   "$value": {
    "value": 30,
    "unit": "px"
   }
  },
  "7": {
   "$type": "dimension",
   "$value": {
    "value": 48,
    "unit": "px"
   }
  },
  "8": {
   "$type": "dimension",
   "$value": {
    "value": 64,
    "unit": "px"
   }
  }
 },
 "layout": {
  "container": {
   "$type": "dimension",
   "$value": {
    "value": 1600,
    "unit": "px"
   }
  },
  "gutter": {
   "$type": "dimension",
   "$value": {
    "value": 74.88,
    "unit": "px"
   },
   "$description": "clamp(20px, 5.2vw, 96px)"
  },
  "section-y": {
   "$type": "dimension",
   "$value": {
    "value": 158.39,
    "unit": "px"
   },
   "$description": "clamp(96px, 11vw, 184px)"
  }
 },
 "breakpoint": {
  "560": {
   "$type": "dimension",
   "$value": {
    "value": 560,
    "unit": "px"
   }
  },
  "900": {
   "$type": "dimension",
   "$value": {
    "value": 900,
    "unit": "px"
   }
  },
  "960": {
   "$type": "dimension",
   "$value": {
    "value": 960,
    "unit": "px"
   }
  },
  "1100": {
   "$type": "dimension",
   "$value": {
    "value": 1100,
    "unit": "px"
   }
  }
 },
 "radius": {
  "sm": {
   "$type": "dimension",
   "$value": {
    "value": 2,
    "unit": "px"
   }
  },
  "md": {
   "$type": "dimension",
   "$value": {
    "value": 3,
    "unit": "px"
   }
  },
  "lg": {
   "$type": "dimension",
   "$value": {
    "value": 3,
    "unit": "px"
   }
  }
 },
 "shadow": {
  "ring": {
   "$type": "shadow",
   "$value": [
    {
     "color": {
      "colorSpace": "srgb",
      "components": [
       0.0196,
       0.0706,
       0.1882
      ],
      "alpha": 0.22
     },
     "offsetX": {
      "value": 0,
      "unit": "px"
     },
     "offsetY": {
      "value": 0,
      "unit": "px"
     },
     "blur": {
      "value": 0,
      "unit": "px"
     },
     "spread": {
      "value": 1,
      "unit": "px"
     },
     "inset": true
    }
   ]
  }
 },
 "duration": {
  "fast": {
   "$type": "duration",
   "$value": {
    "value": 400,
    "unit": "ms"
   }
  },
  "base": {
   "$type": "duration",
   "$value": {
    "value": 900,
    "unit": "ms"
   }
  },
  "slow": {
   "$type": "duration",
   "$value": {
    "value": 1600,
    "unit": "ms"
   }
  }
 },
 "easing": {
  "in-out": {
   "$type": "cubicBezier",
   "$value": [
    0.65,
    0,
    0.35,
    1
   ]
  },
  "out": {
   "$type": "cubicBezier",
   "$value": [
    0.22,
    0.61,
    0.36,
    1
   ]
  }
 }
}