/* ================================================================
   LINEAR DESIGN TOKENS
   Pixel-matched to Linear Releases 2022 (linear.app/releases/2022)
   ================================================================ */

:root {
    /* === COLORS === */
    --ln-bg-primary: #000212;
    --ln-bg-secondary: rgba(255,255,255,0.03);
    --ln-bg-card: rgba(255,255,255,0.04);
    --ln-bg-elevated: #0e152e;

    --ln-text-primary: #ffffff;
    --ln-text-secondary: #B4BCD0;
    --ln-text-tertiary: #9497B7;
    --ln-text-muted: #585A5C;

    --ln-border-primary: rgba(255,255,255,0.08);
    --ln-border-subtle: rgba(255,255,255,0.05);

    /* Section accent colors */
    --ln-accent-teal: #33FFB6;
    --ln-accent-teal-rgb: 51, 255, 182;
    --ln-accent-purple: #B04BFF;
    --ln-accent-purple-rgb: 176, 75, 255;
    --ln-accent-purple-light: #B59AFF;
    --ln-accent-blue: #6F8EFF;
    --ln-accent-blue-rgb: 111, 142, 255;
    --ln-accent-cyan: #40c8e0;

    /* Brand accent */
    --ln-accent-brand: #5e6ad2;

    /* === TYPOGRAPHY === */
    --ln-font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --ln-font-mono: ui-monospace, 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;

    --ln-weight-regular: 400;
    --ln-weight-book: 450;
    --ln-weight-medium: 500;
    --ln-weight-nav: 510;
    --ln-weight-semibold: 590;
    --ln-weight-bold: 680;

    --ln-tracking-tight: -0.02em;

    /* === SPACING === */
    --ln-section-padding: 96px;
    --ln-page-padding: 24px;
    --ln-content-max-width: 1024px;
    --ln-page-max-width: 1200px;
    --ln-nav-height: 72px;
    --ln-card-radius: 24px;
    --ln-card-padding: 48px;
    --ln-grid-gap: 48px;

    /* === ANIMATION === */
    --ln-ease-spring: cubic-bezier(0.3, 1.17, 0.55, 0.99);
    --ln-ease-smooth: cubic-bezier(0.16, 1, 0.3, 1);
    --ln-ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --ln-duration-quick: 0.12s;
    --ln-duration-regular: 0.22s;
    --ln-duration-hero: 960ms;

    /* === Z-INDEX === */
    --ln-z-nav: 100;
    --ln-z-mobile-menu: 90;
}

@media (max-width: 768px) {
    :root {
        --ln-section-padding: 48px;
        --ln-card-padding: 28px;
        --ln-grid-gap: 16px;
    }
}