{
  "color": {
    "notion-blue": {
      "$value": "#0075de",
      "$type": "color",
      "$description": "Primary CTA fill and active navigation accent."
    },
    "paper-warmth": {
      "$value": "#f6f5f4",
      "$type": "color",
      "$description": "Warm off-white page canvas and hero background."
    },
    "pure-white": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "Card surfaces, elevated panels, and reversed text."
    },
    "ink-black": {
      "$value": "#000000",
      "$type": "color",
      "$description": "Primary headings, text, and navigation, with alpha used for hierarchy."
    },
    "charcoal": {
      "$value": "#111111",
      "$type": "color",
      "$description": "Softer dark text for selected interface moments."
    },
    "stone": {
      "$value": "#757575",
      "$type": "color",
      "$description": "Secondary navigation, helper text, and inactive labels."
    },
    "graphite": {
      "$value": "#615d59",
      "$type": "color",
      "$description": "Warm-cast body copy on the paper canvas."
    },
    "slate": {
      "$value": "#696969",
      "$type": "color",
      "$description": "Secondary content inside cards."
    },
    "sky-tint": {
      "$value": "#e6f3fe",
      "$type": "color",
      "$description": "Ghost CTA fill and softly tinted interactive states."
    },
    "marigold": {
      "$value": "#ffb110",
      "$type": "color",
      "$description": "Warm hero highlights and accent feature cards."
    },
    "coral": {
      "$value": "#f64932",
      "$type": "color",
      "$description": "Hot decorative card backgrounds and highlight alternates."
    },
    "saffron": {
      "$value": "#e89d01",
      "$type": "color",
      "$description": "Secondary warm-yellow background washes."
    },
    "vermillion": {
      "$value": "#e32d14",
      "$type": "color",
      "$description": "Deep coral signal accent for saturated panels."
    },
    "mocha": {
      "$value": "#b18164",
      "$type": "color",
      "$description": "Earthy warm-brown accent panels."
    },
    "signal-blue": {
      "$value": "#097fe8",
      "$type": "color",
      "$description": "Decorative blue card backgrounds and hero highlights."
    },
    "sky-wash": {
      "$value": "#62aef0",
      "$type": "color",
      "$description": "Airy blue decorative backgrounds and heading accents."
    },
    "midnight-ink": {
      "$value": "#02093a",
      "$type": "color",
      "$description": "Sparse dark feature-card surface with white text."
    }
  },
  "font": {
    "notioninter": {
      "$value": "NotionInter",
      "$type": "fontFamily",
      "$description": "Primary sans-serif for display, body, navigation, and product UI; use Inter as the open substitute."
    },
    "lyon-text": {
      "$value": "Lyon Text",
      "$type": "fontFamily",
      "$description": "Editorial serif accent for selected body copy and section introductions; use Source Serif Pro as the open substitute."
    }
  },
  "font-weight": {
    "regular": {
      "$value": 400,
      "$type": "number",
      "$description": "Body and editorial text."
    },
    "medium": {
      "$value": 500,
      "$type": "number",
      "$description": "Navigation, controls, and primary display copy."
    },
    "semibold": {
      "$value": 600,
      "$type": "number",
      "$description": "Large section headings."
    },
    "bold": {
      "$value": 700,
      "$type": "number",
      "$description": "Feature-card titles and strong emphasis."
    }
  },
  "typography": {
    "caption": {
      "$value": {
        "fontFamily": "NotionInter",
        "fontSize": "12px",
        "fontWeight": 500,
        "lineHeight": 1.33,
        "letterSpacing": "0.12px"
      },
      "$type": "typography",
      "$description": "Compact captions and product metadata."
    },
    "body-sm": {
      "$value": {
        "fontFamily": "NotionInter",
        "fontSize": "14px",
        "fontWeight": 400,
        "lineHeight": 1.43
      },
      "$type": "typography",
      "$description": "Small body copy, navigation, and control text."
    },
    "body": {
      "$value": {
        "fontFamily": "NotionInter",
        "fontSize": "16px",
        "fontWeight": 400,
        "lineHeight": 1.5
      },
      "$type": "typography",
      "$description": "Default body copy on warm paper and white cards."
    },
    "subheading": {
      "$value": {
        "fontFamily": "NotionInter",
        "fontSize": "20px",
        "fontWeight": 500,
        "lineHeight": 1
      },
      "$type": "typography",
      "$description": "Compact section and card subheadings."
    },
    "heading-sm": {
      "$value": {
        "fontFamily": "NotionInter",
        "fontSize": "22px",
        "fontWeight": 700,
        "lineHeight": 1.27,
        "letterSpacing": "-0.242px"
      },
      "$type": "typography",
      "$description": "Feature-card titles."
    },
    "heading": {
      "$value": {
        "fontFamily": "NotionInter",
        "fontSize": "40px",
        "fontWeight": 500,
        "lineHeight": 1.5
      },
      "$type": "typography",
      "$description": "Standard section headings."
    },
    "heading-lg": {
      "$value": {
        "fontFamily": "NotionInter",
        "fontSize": "48px",
        "fontWeight": 600,
        "lineHeight": 1.5
      },
      "$type": "typography",
      "$description": "Large section headings and editorial transitions."
    },
    "display-sm": {
      "$value": {
        "fontFamily": "NotionInter",
        "fontSize": "54px",
        "fontWeight": 600,
        "lineHeight": 1.04,
        "letterSpacing": "-1.89px"
      },
      "$type": "typography",
      "$description": "Compact display heading with tight tracking."
    },
    "display": {
      "$value": {
        "fontFamily": "NotionInter",
        "fontSize": "72px",
        "fontWeight": 500,
        "lineHeight": 1.21,
        "letterSpacing": "-2.016px"
      },
      "$type": "typography",
      "$description": "Primary hero display heading."
    },
    "display-lg": {
      "$value": {
        "fontFamily": "NotionInter",
        "fontSize": "96px",
        "fontWeight": 600,
        "lineHeight": 1.04,
        "letterSpacing": "-4.608px"
      },
      "$type": "typography",
      "$description": "Largest editorial display size."
    }
  },
  "spacing": {
    "unit": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Base spacing unit."
    },
    "4": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Smallest spacing step."
    },
    "8": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Default element gap."
    },
    "12": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Compact component inset."
    },
    "16": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Standard component spacing."
    },
    "20": {
      "$value": "20px",
      "$type": "dimension",
      "$description": "Comfortable text-to-control spacing."
    },
    "24": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Default card padding."
    },
    "28": {
      "$value": "28px",
      "$type": "dimension",
      "$description": "Large component gap."
    },
    "32": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Card-group spacing."
    },
    "36": {
      "$value": "36px",
      "$type": "dimension",
      "$description": "Large content inset."
    },
    "64": {
      "$value": "64px",
      "$type": "dimension",
      "$description": "Navigation height and major layout spacing."
    },
    "80": {
      "$value": "80px",
      "$type": "dimension",
      "$description": "Major section gap."
    }
  },
  "layout": {
    "page-max-width": {
      "$value": "1440px",
      "$type": "dimension",
      "$description": "Maximum centered page width."
    },
    "section-gap": {
      "$value": "80px",
      "$type": "dimension",
      "$description": "Vertical gap between major sections."
    },
    "card-padding": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Default content-card padding."
    },
    "element-gap": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Default gap between related elements."
    }
  },
  "radius": {
    "small": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Compact inline actions and small elements."
    },
    "buttons": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Buttons, inputs, and task cards."
    },
    "cards": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Content and feature cards."
    },
    "pills": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Status tags and hero highlight pills only."
    }
  },
  "shadow": {
    "nav": {
      "$value": "0px 0.7px 1.462px 0px rgb(0% 0% 0% / 0.015), 0px 3px 9px 0px rgb(0% 0% 0% / 0.03)",
      "$type": "shadow",
      "$description": "Sticky navigation elevation."
    },
    "product-ui": {
      "$value": "0px 4px 12px rgba(0, 0, 0, 0.1)",
      "$type": "shadow",
      "$description": "Product UI mockup elevation; content cards do not use shadows."
    }
  },
  "surface": {
    "page-canvas": {
      "$value": "#f6f5f4",
      "$type": "color",
      "$description": "Level 0: warm off-white page canvas."
    },
    "card-surface": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "Level 1: white cards on the warm canvas."
    },
    "accent-card-surface": {
      "$value": "#ffb110",
      "$type": "color",
      "$description": "Level 2: representative colored feature-card surface."
    },
    "dark-card-surface": {
      "$value": "#02093a",
      "$type": "color",
      "$description": "Level 3: sparse dark feature-card island."
    }
  },
  "$extensions": {
    "com.refero.extraction": {
      "url": "https://www.notion.com/",
      "siteName": "Notion",
      "variant": "warm-paper-light"
    }
  }
}