{
  "$name": "Edgeless Lab Design Tokens",
  "$description": "Reference quality: Vercel, Linear, Raycast. Principles: High contrast, generous whitespace, purposeful motion. Enriched with Nous Brand Booklet First Edition (2024) \u2014 blue palette, duotone, typography alternatives.",
  "color": {
    "background": {
      "primary": {
        "$value": "#0a0a0a",
        "$type": "color",
        "$description": "Deepest void - primary background"
      },
      "secondary": {
        "$value": "#111111",
        "$type": "color",
        "$description": "Elevated surfaces"
      },
      "tertiary": {
        "$value": "#1a1a1a",
        "$type": "color",
        "$description": "Subtle distinction"
      },
      "elevated": {
        "$value": "#222222",
        "$type": "color",
        "$description": "Cards, modals"
      }
    },
    "foreground": {
      "primary": {
        "$value": "#ffffff",
        "$type": "color",
        "$description": "100% luminance"
      },
      "secondary": {
        "$value": "rgba(255,255,255,0.7)",
        "$type": "color",
        "$description": "Body text"
      },
      "tertiary": {
        "$value": "rgba(255,255,255,0.5)",
        "$type": "color",
        "$description": "Muted"
      },
      "quaternary": {
        "$value": "rgba(255,255,255,0.25)",
        "$type": "color",
        "$description": "Disabled, hints"
      }
    },
    "accent": {
      "primary": {
        "$value": "#6366f1",
        "$type": "color",
        "$description": "Indigo 500"
      },
      "secondary": {
        "$value": "#8b5cf6",
        "$type": "color",
        "$description": "Violet 500"
      },
      "tertiary": {
        "$value": "#06b6d4",
        "$type": "color",
        "$description": "Cyan 500"
      },
      "gradient": {
        "$value": "linear-gradient(135deg, #6366f1 0%, #06b6d4 100%)",
        "$type": "gradient",
        "$description": "Electric indigo to cyan gradient"
      }
    },
    "semantic": {
      "success": {
        "$value": "#22c55e",
        "$type": "color",
        "$description": "Green 500"
      },
      "warning": {
        "$value": "#f59e0b",
        "$type": "color",
        "$description": "Amber 500"
      },
      "error": {
        "$value": "#ef4444",
        "$type": "color",
        "$description": "Red 500"
      },
      "info": {
        "$value": "#3b82f6",
        "$type": "color",
        "$description": "Blue 500"
      }
    },
    "border": {
      "subtle": {
        "$value": "rgba(255,255,255,0.08)",
        "$type": "color",
        "$description": "Subtle depth"
      },
      "default": {
        "$value": "rgba(255,255,255,0.12)",
        "$type": "color",
        "$description": "Default border"
      },
      "strong": {
        "$value": "rgba(255,255,255,0.2)",
        "$type": "color",
        "$description": "Strong border"
      }
    },
    "nous": {
      "$description": "Nous blue monochrome palette \u2014 20 swatches from the brand booklet's 'Blues of Nous' color world. Booklet has no printed hex codes; these are curated representatives based on the page-11 blue photo spread and the 5x4 swatch description.",
      "deepest": {
        "$value": "#0b1628",
        "$type": "color",
        "$description": "Very dark navy/black \u2014 Row 3, Col 1 of swatch grid"
      },
      "midnight": {
        "$value": "#101a30",
        "$type": "color",
        "$description": "Midnight navy \u2014 Row 4, Col 2"
      },
      "deep-ocean": {
        "$value": "#0a1f38",
        "$type": "color",
        "$description": "Deep ocean blue \u2014 Row 4, Col 3"
      },
      "dark-teal-navy": {
        "$value": "#0f2838",
        "$type": "color",
        "$description": "Dark teal-navy \u2014 Row 5, Col 1"
      },
      "very-dark-teal": {
        "$value": "#0a2a38",
        "$type": "color",
        "$description": "Very dark teal \u2014 Row 1, Col 3"
      },
      "deep-cyan-teal": {
        "$value": "#0a3a4a",
        "$type": "color",
        "$description": "Deep cyan-teal \u2014 Row 1, Col 1"
      },
      "dark-navy-teal": {
        "$value": "#0e2f4a",
        "$type": "color",
        "$description": "Dark navy-teal \u2014 Row 2, Col 2"
      },
      "dusty-steel": {
        "$value": "#1e3a5a",
        "$type": "color",
        "$description": "Dusty steel blue \u2014 Row 3, Col 2"
      },
      "muted-grayish": {
        "$value": "#2a4a5a",
        "$type": "color",
        "$description": "Muted grayish blue \u2014 Row 2, Col 3"
      },
      "muted-dusty": {
        "$value": "#1a3a5a",
        "$type": "color",
        "$description": "Muted dusty blue \u2014 Row 4, Col 4"
      },
      "medium-teal": {
        "$value": "#1a5a6a",
        "$type": "color",
        "$description": "Medium teal-cerulean \u2014 Row 1, Col 2"
      },
      "medium-cyan": {
        "$value": "#1a5a6a",
        "$type": "color",
        "$description": "Medium cyan-teal \u2014 Row 2, Col 4 / Row 5, Col 3"
      },
      "bright-cerulean": {
        "$value": "#0a6a8a",
        "$type": "color",
        "$description": "Bright cerulean \u2014 Row 3, Col 3"
      },
      "sky": {
        "$value": "#4a9aba",
        "$type": "color",
        "$description": "Light bright sky blue \u2014 Row 4, Col 1"
      },
      "very-light-sky": {
        "$value": "#6aacca",
        "$type": "color",
        "$description": "Very light sky blue \u2014 Row 2, Col 1"
      },
      "pale-icy": {
        "$value": "#8abada",
        "$type": "color",
        "$description": "Pale icy blue \u2014 Row 3, Col 4"
      },
      "pale-blue-gray": {
        "$value": "#aacada",
        "$type": "color",
        "$description": "Pale blue-gray \u2014 Row 1, Col 4"
      },
      "very-pale": {
        "$value": "#c8dce8",
        "$type": "color",
        "$description": "Very pale gray-blue \u2014 Row 5, Col 2"
      },
      "frost": {
        "$value": "#e0eef0",
        "$type": "color",
        "$description": "Lightest frost \u2014 extended from palette"
      },
      "duotone": {
        "$description": "Cyanotype/blue duotone filter values for photo treatment, matching the booklet's image treatment.",
        "nous-shadow": {
          "$value": "#0f1f3d",
          "$type": "color",
          "$description": "Shadow side of Nous duotone"
        },
        "nous-highlight": {
          "$value": "#6abfdf",
          "$type": "color",
          "$description": "Highlight side of Nous duotone"
        }
      }
    }
  },
  "typography": {
    "fontFamily": {
      "sans": {
        "$value": "Inter, system-ui, -apple-system, sans-serif",
        "$type": "fontFamily",
        "$description": "Geometric sans for UI"
      },
      "mono": {
        "$value": "JetBrains Mono, SF Mono, monospace",
        "$type": "fontFamily",
        "$description": "Monospace for data"
      },
      "display": {
        "$value": "Cal Sans, Inter, sans-serif",
        "$type": "fontFamily",
        "$description": "For headlines"
      },
      "intel": {
        "$value": "Courier New, Courier Prime, monospace",
        "$type": "fontFamily",
        "$description": "Military/intel briefing style \u2014 Courier New with expanded tracking, all-caps. From the booklet's 'Courier Nous' lead font identity."
      },
      "editorial": {
        "$value": "Helvetica Now Text, Inter Tight, sans-serif",
        "$type": "fontFamily",
        "$description": "Swiss/International editorial style \u2014 neo-grotesque for multi-column layouts. From the booklet's Helvetica use."
      },
      "display-serif": {
        "$value": "Playfair Display, Instrument Serif, Georgia, serif",
        "$type": "fontFamily",
        "$description": "Transitional/modern serif for display accents. Mondwest alternative from the booklet."
      },
      "bitmap": {
        "$value": "Chicago, 'ChicagoFLF', monospace",
        "$type": "fontFamily",
        "$description": "Retro bitmap font for classic Macintosh UI chrome. From the booklet's retro computing aesthetic."
      }
    },
    "fontSize": {
      "$description": "Major Third (1.25) progression",
      "xs": {
        "$value": "0.75rem",
        "$type": "dimension",
        "$description": "12px"
      },
      "sm": {
        "$value": "0.875rem",
        "$type": "dimension",
        "$description": "14px"
      },
      "base": {
        "$value": "1rem",
        "$type": "dimension",
        "$description": "16px"
      },
      "lg": {
        "$value": "1.125rem",
        "$type": "dimension",
        "$description": "18px"
      },
      "xl": {
        "$value": "1.25rem",
        "$type": "dimension",
        "$description": "20px"
      },
      "2xl": {
        "$value": "1.5rem",
        "$type": "dimension",
        "$description": "24px"
      },
      "3xl": {
        "$value": "1.875rem",
        "$type": "dimension",
        "$description": "30px"
      },
      "4xl": {
        "$value": "2.25rem",
        "$type": "dimension",
        "$description": "36px"
      },
      "5xl": {
        "$value": "3rem",
        "$type": "dimension",
        "$description": "48px"
      },
      "6xl": {
        "$value": "3.75rem",
        "$type": "dimension",
        "$description": "60px"
      },
      "7xl": {
        "$value": "4.5rem",
        "$type": "dimension",
        "$description": "72px"
      }
    },
    "lineHeight": {
      "xs": {
        "$value": "1rem",
        "$type": "dimension",
        "$description": "Line height for xs text"
      },
      "sm": {
        "$value": "1.25rem",
        "$type": "dimension",
        "$description": "Line height for sm text"
      },
      "base": {
        "$value": "1.5rem",
        "$type": "dimension",
        "$description": "Line height for base text"
      },
      "lg": {
        "$value": "1.75rem",
        "$type": "dimension",
        "$description": "Line height for lg text"
      },
      "xl": {
        "$value": "1.75rem",
        "$type": "dimension",
        "$description": "Line height for xl text"
      },
      "2xl": {
        "$value": "2rem",
        "$type": "dimension",
        "$description": "Line height for 2xl text"
      },
      "3xl": {
        "$value": "2.25rem",
        "$type": "dimension",
        "$description": "Line height for 3xl text"
      },
      "4xl": {
        "$value": "2.5rem",
        "$type": "dimension",
        "$description": "Line height for 4xl text"
      },
      "5xl": {
        "$value": "1.1",
        "$type": "number",
        "$description": "Line height ratio for 5xl text"
      },
      "6xl": {
        "$value": "1.1",
        "$type": "number",
        "$description": "Line height ratio for 6xl text"
      },
      "7xl": {
        "$value": "1.05",
        "$type": "number",
        "$description": "Line height ratio for 7xl text"
      }
    },
    "fontWeight": {
      "normal": {
        "$value": 400,
        "$type": "fontWeight",
        "$description": "Normal weight"
      },
      "medium": {
        "$value": 500,
        "$type": "fontWeight",
        "$description": "Medium weight"
      },
      "semibold": {
        "$value": 600,
        "$type": "fontWeight",
        "$description": "Semibold weight"
      },
      "bold": {
        "$value": 700,
        "$type": "fontWeight",
        "$description": "Bold weight"
      }
    },
    "letterSpacing": {
      "tighter": {
        "$value": "-0.05em",
        "$type": "dimension",
        "$description": "Tighter tracking"
      },
      "tight": {
        "$value": "-0.025em",
        "$type": "dimension",
        "$description": "Tight tracking"
      },
      "normal": {
        "$value": "0",
        "$type": "dimension",
        "$description": "Normal tracking"
      },
      "wide": {
        "$value": "0.025em",
        "$type": "dimension",
        "$description": "Wide tracking"
      },
      "wider": {
        "$value": "0.05em",
        "$type": "dimension",
        "$description": "Wider tracking"
      }
    }
  },
  "spacing": {
    "$description": "4px base grid",
    "0": {
      "$value": "0",
      "$type": "dimension"
    },
    "px": {
      "$value": "1px",
      "$type": "dimension"
    },
    "0-5": {
      "$value": "0.125rem",
      "$type": "dimension",
      "$description": "2px"
    },
    "1": {
      "$value": "0.25rem",
      "$type": "dimension",
      "$description": "4px"
    },
    "2": {
      "$value": "0.5rem",
      "$type": "dimension",
      "$description": "8px"
    },
    "3": {
      "$value": "0.75rem",
      "$type": "dimension",
      "$description": "12px"
    },
    "4": {
      "$value": "1rem",
      "$type": "dimension",
      "$description": "16px"
    },
    "5": {
      "$value": "1.25rem",
      "$type": "dimension",
      "$description": "20px"
    },
    "6": {
      "$value": "1.5rem",
      "$type": "dimension",
      "$description": "24px"
    },
    "8": {
      "$value": "2rem",
      "$type": "dimension",
      "$description": "32px"
    },
    "10": {
      "$value": "2.5rem",
      "$type": "dimension",
      "$description": "40px"
    },
    "12": {
      "$value": "3rem",
      "$type": "dimension",
      "$description": "48px"
    },
    "16": {
      "$value": "4rem",
      "$type": "dimension",
      "$description": "64px"
    },
    "20": {
      "$value": "5rem",
      "$type": "dimension",
      "$description": "80px"
    },
    "24": {
      "$value": "6rem",
      "$type": "dimension",
      "$description": "96px"
    },
    "32": {
      "$value": "8rem",
      "$type": "dimension",
      "$description": "128px"
    },
    "40": {
      "$value": "10rem",
      "$type": "dimension",
      "$description": "160px"
    },
    "48": {
      "$value": "12rem",
      "$type": "dimension",
      "$description": "192px"
    },
    "56": {
      "$value": "14rem",
      "$type": "dimension",
      "$description": "224px"
    },
    "64": {
      "$value": "16rem",
      "$type": "dimension",
      "$description": "256px"
    }
  },
  "borderRadius": {
    "none": {
      "$value": "0",
      "$type": "dimension"
    },
    "sm": {
      "$value": "0.25rem",
      "$type": "dimension",
      "$description": "4px"
    },
    "md": {
      "$value": "0.5rem",
      "$type": "dimension",
      "$description": "8px"
    },
    "lg": {
      "$value": "0.75rem",
      "$type": "dimension",
      "$description": "12px"
    },
    "xl": {
      "$value": "1rem",
      "$type": "dimension",
      "$description": "16px"
    },
    "2xl": {
      "$value": "1.5rem",
      "$type": "dimension",
      "$description": "24px"
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Pills, circles"
    }
  },
  "shadow": {
    "sm": {
      "$value": "0 1px 2px 0 rgba(0, 0, 0, 0.3)",
      "$type": "shadow",
      "$description": "Small elevation"
    },
    "md": {
      "$value": "0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3)",
      "$type": "shadow",
      "$description": "Medium elevation"
    },
    "lg": {
      "$value": "0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.3)",
      "$type": "shadow",
      "$description": "Large elevation"
    },
    "xl": {
      "$value": "0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.4)",
      "$type": "shadow",
      "$description": "Extra large elevation"
    },
    "glow": {
      "$value": "0 0 20px rgba(99, 102, 241, 0.3)",
      "$type": "shadow",
      "$description": "Accent glow for interactive elements"
    },
    "glow-lg": {
      "$value": "0 0 40px rgba(99, 102, 241, 0.4)",
      "$type": "shadow",
      "$description": "Large accent glow"
    }
  },
  "motion": {
    "duration": {
      "fast": {
        "$value": "100ms",
        "$type": "duration",
        "$description": "Micro-interactions"
      },
      "normal": {
        "$value": "200ms",
        "$type": "duration",
        "$description": "Standard transitions"
      },
      "slow": {
        "$value": "300ms",
        "$type": "duration",
        "$description": "Deliberate transitions"
      },
      "slower": {
        "$value": "500ms",
        "$type": "duration",
        "$description": "Dramatic transitions"
      }
    },
    "easing": {
      "default": {
        "$value": "cubic-bezier(0.4, 0, 0.2, 1)",
        "$type": "cubicBezier",
        "$description": "Default ease"
      },
      "in": {
        "$value": "cubic-bezier(0.4, 0, 1, 1)",
        "$type": "cubicBezier",
        "$description": "Ease in"
      },
      "out": {
        "$value": "cubic-bezier(0, 0, 0.2, 1)",
        "$type": "cubicBezier",
        "$description": "Ease out"
      },
      "bounce": {
        "$value": "cubic-bezier(0.34, 1.56, 0.64, 1)",
        "$type": "cubicBezier",
        "$description": "Bounce overshoot"
      }
    }
  },
  "zIndex": {
    "base": {
      "$value": 0,
      "$type": "number"
    },
    "dropdown": {
      "$value": 100,
      "$type": "number"
    },
    "sticky": {
      "$value": 200,
      "$type": "number"
    },
    "modal": {
      "$value": 300,
      "$type": "number"
    },
    "popover": {
      "$value": 400,
      "$type": "number"
    },
    "toast": {
      "$value": 500,
      "$type": "number"
    },
    "tooltip": {
      "$value": 600,
      "$type": "number"
    }
  },
  "breakpoint": {
    "sm": {
      "$value": "640px",
      "$type": "dimension",
      "$description": "Small screens"
    },
    "md": {
      "$value": "768px",
      "$type": "dimension",
      "$description": "Medium screens"
    },
    "lg": {
      "$value": "1024px",
      "$type": "dimension",
      "$description": "Large screens"
    },
    "xl": {
      "$value": "1280px",
      "$type": "dimension",
      "$description": "Extra large screens"
    },
    "2xl": {
      "$value": "1536px",
      "$type": "dimension",
      "$description": "2x extra large screens"
    }
  }
}