@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@400;500;600;700&family=Jost:wght@200;300;400;500&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--rubi-primary:var(--primary);--rubi-primary-active:var(--primary-active);--rubi-primary-disabled:var(--secondary);--rubi-accent-steel:var(--steel);--rubi-accent-steel-deep:var(--steel-soft);--rubi-accent-neutral:#b8b8b2;--rubi-canvas:var(--background);--rubi-surface-soft:var(--muted);--rubi-surface-card:var(--card);--rubi-surface-cream-strong:var(--sidebar);--rubi-surface-dark:var(--surface-dark);--rubi-surface-dark-elevated:var(--surface-dark-elevated);--rubi-surface-dark-soft:var(--surface-dark-soft);--rubi-hairline:var(--border);--rubi-hairline-soft:var(--hairline-strong);--rubi-ink:var(--foreground);--rubi-body-strong:var(--secondary-foreground);--rubi-body:var(--foreground-soft);--rubi-muted:var(--muted-foreground);--rubi-muted-soft:var(--muted-soft);--rubi-on-primary:var(--primary-foreground);--rubi-on-dark:var(--on-dark);--rubi-on-dark-soft:var(--on-dark-soft);--rubi-success:var(--success);--rubi-warning:var(--warning);--rubi-error:var(--destructive);--rubi-font-display:"Jost","Avenir Next","Futura","Inter",sans-serif;--rubi-font-serif:"Copernicus","Tiempos Headline","Cormorant Garamond",Georgia,serif;--rubi-font-sans:"StyreneB","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--rubi-font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--rubi-space-xxs:4px;--rubi-space-xs:8px;--rubi-space-sm:12px;--rubi-space-md:16px;--rubi-space-lg:24px;--rubi-space-xl:32px;--rubi-space-xxl:48px;--rubi-space-section:96px;--rubi-radius-xs:4px;--rubi-radius-sm:6px;--rubi-radius-md:8px;--rubi-radius-lg:12px;--rubi-radius-xl:16px;--rubi-radius-pill:9999px;--rubi-radius-full:9999px}.rubi-display-xl{font-family:var(--rubi-font-display);letter-spacing:-1.2px;color:var(--foreground);font-size:64px;font-weight:300;line-height:1.05}.rubi-display-lg{font-family:var(--rubi-font-display);letter-spacing:-.8px;color:var(--foreground);font-size:48px;font-weight:300;line-height:1.1}.rubi-display-md{font-family:var(--rubi-font-display);letter-spacing:-.5px;color:var(--foreground);font-size:36px;font-weight:300;line-height:1.15}.rubi-display-sm{font-family:var(--rubi-font-display);letter-spacing:-.3px;color:var(--foreground);font-size:28px;font-weight:300;line-height:1.2}.rubi-title-lg{font-family:var(--rubi-font-sans);color:var(--foreground);font-size:22px;font-weight:500;line-height:1.3}.rubi-title-md{font-family:var(--rubi-font-sans);color:var(--foreground);font-size:18px;font-weight:500;line-height:1.4}.rubi-title-sm{font-family:var(--rubi-font-sans);color:var(--foreground);font-size:16px;font-weight:500;line-height:1.4}.rubi-body-md{font-family:var(--rubi-font-sans);color:var(--foreground-soft);font-size:16px;font-weight:400;line-height:1.55}.rubi-body-sm{font-family:var(--rubi-font-sans);color:var(--foreground-soft);font-size:14px;font-weight:400;line-height:1.55}.rubi-caption{font-family:var(--rubi-font-sans);color:var(--muted-foreground);font-size:13px;font-weight:500;line-height:1.4}.rubi-caption-uppercase{font-family:var(--rubi-font-sans);letter-spacing:1.5px;text-transform:uppercase;color:var(--muted-foreground);font-size:12px;font-weight:500;line-height:1.4}.rubi-code{font-family:var(--rubi-font-mono);font-size:14px;font-weight:400;line-height:1.6}.rubi-button-label{font-family:var(--rubi-font-sans);font-size:14px;font-weight:500;line-height:1}.rubi-nav-link{font-family:var(--rubi-font-sans);font-size:14px;font-weight:500;line-height:1.4}.rubi body,body.rubi{background:var(--background);color:var(--foreground-soft);font-family:var(--rubi-font-sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}.rubi h1{font:300 64px/1.05 var(--rubi-font-display);letter-spacing:-1.2px;color:var(--foreground)}.rubi h2{font:300 48px/1.1 var(--rubi-font-display);letter-spacing:-.8px;color:var(--foreground)}.rubi h3{font:300 36px/1.15 var(--rubi-font-display);letter-spacing:-.5px;color:var(--foreground)}.rubi h4{font:500 22px/1.3 var(--rubi-font-sans);color:var(--foreground)}.rubi h5{font:500 18px/1.4 var(--rubi-font-sans);color:var(--foreground)}.rubi h6{font:500 16px/1.4 var(--rubi-font-sans);color:var(--foreground)}.rubi p{color:var(--foreground-soft)}.rubi a{color:var(--primary);text-decoration:none}.rubi a:hover{color:var(--primary-active)}.rubi code,.rubi pre{font-family:var(--rubi-font-mono)}