@unkn0wndo3s/nova-design-system 0.1.0

package/src/styles/tokens/_colors.scss

@@ -0,0 +1,69 @@
+@mixin _light {
+  --nds-text: #050A0A;
+  --nds-neutral: #7C8282;
+  --nds-disabled: #C2D4D4;
+  --nds-background: #F4FBFB;
+  --nds-primary: #43C9D0;
+  --nds-secondary: #71EAEA;
+  --nds-accent: #05D1D1;
+  
+  --nds-success-high:   #3B6D11;
+  --nds-success-medium: #639922;
+  --nds-success-low:    #EAF3DE;
+
+  --nds-error-high:   #A32D2D;
+  --nds-error-medium: #E24B4A;
+  --nds-error-low:    #FCEBEB;
+
+  --nds-warning-high:   #854F0B;
+  --nds-warning-medium: #BA7517;
+  --nds-warning-low:    #FAEEDA;
+
+  --nds-info-high:   #185FA5;
+  --nds-info-medium: #378ADD;
+  --nds-info-low:    #E6F1FB;
+
+}
+
+@mixin _dark {
+  
+  --nds-text: #F5FAFA;
+  --nds-neutral: #5A7878;
+  --nds-disabled: #7C8282;
+  --nds-background: #040B0B;
+  --nds-primary: #2FB5BC;
+  --nds-secondary: #288181;
+  --nds-accent: #2EFAFA;
+
+  --nds-success-high:   #97C459;
+  --nds-success-medium: #97C459;
+  --nds-success-low:    #173404;
+
+  --nds-error-high:   #F09595;
+  --nds-error-medium: #A32D2D;
+  --nds-error-low:    #501313;
+
+  --nds-warning-high:   #EF9F27;
+  --nds-warning-medium: #EF9F27;
+  --nds-warning-low:    #412402;
+
+  --nds-info-high:   #85B7EB;
+  --nds-info-medium: #85B7EB;
+  --nds-info-low:    #042C53;
+
+}
+
+:root,
+[data-theme="light"] {
+  @include _light;
+}
+
+[data-theme="dark"] {
+  @include _dark;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme="light"]) {
+    @include _dark;
+  }
+}

package/src/styles/tokens/_spacing.scss

@@ -0,0 +1,32 @@
+// ─── Base tokens (theme-independent) ──────────────────────────────────────────
+// Source: Light.tokens.json / Dark.tokens.json — Spacing, Radius, Border (same in both themes)
+
+:root {
+  --nds-none: 0;
+
+  // ── Spacing ───────────────────────────────────────────────────────────────
+  --nds-spacing-3xs: 2px;
+  --nds-spacing-2xs: 4px;
+  --nds-spacing-xs:  8px;
+  --nds-spacing-sm:  12px;
+  --nds-spacing-md:  16px;
+  --nds-spacing-lg:  24px;
+  --nds-spacing-xl:  32px;
+  --nds-spacing-2xl: 48px;
+  --nds-spacing-3xl: 64px;
+
+  // ── Radius ────────────────────────────────────────────────────────────────
+  --nds-radius-xs:   2px;
+  --nds-radius-sm:   4px;
+  --nds-radius-md:   8px;
+  --nds-radius-lg:   12px;
+  --nds-radius-xl:   16px;
+  --nds-radius-2xl:  24px;
+  --nds-radius-3xl:  32px;
+  --nds-radius-full: 9999px;
+
+  // ── Border widths ─────────────────────────────────────────────────────────
+  --nds-border-width-thin:   1px;
+  --nds-border-width-medium: 2px;
+  --nds-border-width-thick:  4px;
+}

package/src/styles/tokens/_typography.scss

@@ -0,0 +1,51 @@
+@import url('https://fonts.googleapis.com/css?family=Intel%20One%20Mono:700|Intel%20One%20Mono:400');
+
+$font-mono: 'Intel One Mono', monospace;
+
+@mixin text-sm {
+  font-size: 0.600rem;
+  font-family: $font-mono;
+  font-weight: 400;
+}
+
+@mixin text-base {
+  font-size: 0.8rem;
+  font-family: $font-mono;
+  font-weight: 400;
+}
+
+@mixin text-label {
+  font-size: 0.8rem;
+  font-family: $font-mono;
+  font-weight: 700;
+}
+
+@mixin text-xl {
+  font-size: 1.066rem;
+  font-family: $font-mono;
+  font-weight: 700;
+}
+
+@mixin text-2xl {
+  font-size: 1.421rem;
+  font-family: $font-mono;
+  font-weight: 700;
+}
+
+@mixin text-3xl {
+  font-size: 1.894rem;
+  font-family: $font-mono;
+  font-weight: 700;
+}
+
+@mixin text-4xl {
+  font-size: 2.525rem;
+  font-family: $font-mono;
+  font-weight: 700;
+}
+
+@mixin text-5xl {
+  font-size: 3.366rem;
+  font-family: $font-mono;
+  font-weight: 700;
+}