// Nibiru Design System — v4.0.0 "Cosmos" (SCSS) // === Cosmos surfaces === $void: #06030f; $space: #0a0414; $night: #120825; $plum: #1c0f3a; // === Nebula brand === $nebula-mag: #b86bff; $nebula-blue: #5b8dff; $nebula-amber: #ffb574; // Legacy aliases retuned to v4 $iris: #b86bff; $iris-deep: #8a3fd0; $iris-soft: #d4b4ff; $skyfall: #5b8dff; $skyfall-deep: #3a6ad0; $skyfall-soft: #a8c0ff; $aurum: #ffb574; // === Light surfaces === $star: #f4eedb; $paper: #f4eedb; $paper-2: #ebe3c8; $bg: #f4eedb; $bg-2: #ebe3c8; $mist: #f8f3e2; $lavender: #ece6f3; $lavender-deep:#ddd3eb; // === Ink === $ink: #0a0414; $ink-2: #2a2438; $ink-deep: #06030f; $ink-soft: #4a4258; $ink-faint: #6e6680; $muted: #6e6680; // === Hairlines === $line: rgba(244, 238, 219, 0.12); $line-strong: rgba(244, 238, 219, 0.28); $line-light: rgba(20, 4, 30, 0.10); $line-2: rgba(20, 4, 30, 0.18); $grid: rgba(244, 238, 219, 0.04); // === Status === $success: #7ad6a3; $rose: #ff8a9d; $moss: #94a96e; // === Code surface === $code-bg: #050208; $code-line: rgba(244, 238, 219, 0.08); $code-text: #f4eedb; $code-mute: #6e6680; // === Twilight === $dark-bg: #0a0414; $dark-surface: #120825; $dark-surface-raised: #1c0f3a; // === Typography === $font-text: ('Inter Tight', ui-sans-serif, system-ui, -apple-system, sans-serif); $font-display: ('Inter Tight', ui-sans-serif, system-ui, sans-serif); $font-mono: ('JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace); $weight: ( light: 300, regular: 400, medium: 500, semibold: 600, bold: 700, ); $tracking: ( display: -0.04em, heading: -0.03em, body: -0.005em, mono: 0.04em, label: 0.10em, eyebrow: 0.18em, ); $text: ( xs: 0.69rem, sm: 0.81rem, md: 0.875rem, base: 1rem, lg: 1.125rem, xl: 1.25rem, 2xl: 1.5rem, 3xl: 2rem, section: clamp(2.5rem, 4vw + 0.5rem, 5rem), hero: clamp(3.5rem, 7vw + 0.5rem, 7.75rem), ); // === Radii === $radius: ( sm: 6px, md: 10px, lg: 14px, xl: 18px, 2xl: 22px, pill: 999px, ); // === Spacing === $space-scale: ( 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 0.75rem, 4: 1rem, 5: 1.5rem, 6: 2rem, 8: 3rem, 10: 4rem, 12: 6rem, section: 10rem, ); // === Motion === $duration: ( fast: 160ms, normal: 240ms, slow: 500ms, pulse: 2.4s, blink: 1s, breathe: 18s, ); $ease: ( out: cubic-bezier(0.2, 0.7, 0.2, 1), spring: cubic-bezier(0.34, 1.56, 0.64, 1), ); // === Shadows === $shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.20); $shadow-md: 0 8px 24px -8px rgba(0, 0, 0, 0.40); $shadow-lg: 0 30px 60px -30px rgba(0, 0, 0, 0.7); $shadow-xl: 0 60px 120px -40px rgba(0, 0, 0, 0.7); $shadow-cosmos: 0 60px 120px -40px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(184, 107, 255, 0.06) inset; $shadow-glow-mag: 0 0 24px rgba(184, 107, 255, 0.45); $shadow-glow-amb: 0 0 24px rgba(255, 181, 116, 0.45); $shadow-glow-blue: 0 0 24px rgba(91, 141, 255, 0.45);