@phpsoftbox/react-softbox 0.1.0

package/dist/components/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"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"}

package/dist/components/Tabs/Tabs.module.css

@@ -0,0 +1,101 @@
+.tabs {
+  display: grid;
+  gap: var(--spacing-4);
+}
+
+.horizontal {
+  grid-template-columns: 1fr;
+}
+
+.vertical {
+  grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);
+  align-items: start;
+}
+
+.list {
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.vertical .list {
+  flex-direction: column;
+  align-items: stretch;
+}
+
+.tab {
+  border: 1px solid rgba(30, 99, 233, 0.25);
+  background: var(--surface-control);
+  color: var(--color-text);
+  padding: 10px 14px;
+  border-radius: 12px;
+  cursor: pointer;
+  font-weight: 600;
+  font-size: 14px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
+}
+
+.tab:hover {
+  border-color: rgba(79, 230, 163, 0.4);
+  background: rgba(79, 230, 163, 0.08);
+}
+
+.tab:focus-visible {
+  outline: none;
+  border-color: rgba(20, 201, 214, 0.8);
+  box-shadow: 0 0 0 3px rgba(20, 201, 214, 0.2);
+}
+
+.tab:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.active {
+  border-color: rgba(20, 201, 214, 0.7);
+  color: var(--color-teal);
+  background: rgba(20, 201, 214, 0.16);
+}
+
+.tabLabel {
+  flex: 1;
+  text-align: left;
+}
+
+.tabBadge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 22px;
+  padding: 2px 8px;
+  border-radius: 999px;
+  font-size: 12px;
+  color: var(--color-text);
+}
+
+.panel {
+  border: 1px solid var(--color-line);
+  border-radius: var(--radius-md);
+  padding: var(--spacing-5);
+  background: var(--surface-panel-soft);
+}
+
+.empty {
+  color: var(--color-muted);
+}
+
+@media (max-width: 960px) {
+  .vertical {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .tab {
+    transition: none;
+  }
+}

package/dist/components/Typography/Heading.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { UiVariant } from '../../types';
+type HeadingWeight = 'regular' | 'semibold' | 'bold';
+type Props = {
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    weight?: HeadingWeight;
+    variant?: UiVariant;
+    muted?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+};
+export default function Heading({ level, weight, variant, muted, className, children, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Typography/Heading.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styles from './Typography.module.css';
+const weightClass = {
+    regular: styles.weightRegular,
+    semibold: styles.weightSemibold,
+    bold: styles.weightBold,
+};
+const variantClass = {
+    default: styles.variantDefault,
+    primary: styles.variantPrimary,
+    info: styles.variantInfo,
+    success: styles.variantSuccess,
+    warning: styles.variantWarning,
+    danger: styles.variantDanger,
+};
+const headingClass = {
+    1: styles.h1,
+    2: styles.h2,
+    3: styles.h3,
+    4: styles.h4,
+    5: styles.h5,
+    6: styles.h6,
+};
+export default function Heading({ level = 2, weight = 'semibold', variant = 'default', muted = false, className, children, }) {
+    const Component = `h${level}`;
+    const classes = [
+        styles.heading,
+        headingClass[level],
+        weightClass[weight],
+        variantClass[variant],
+        muted ? styles.muted : null,
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return _jsx(Component, { className: classes, children: children });
+}
+//# sourceMappingURL=Heading.js.map

package/dist/components/Typography/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/components/Typography/Heading.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAc7C,MAAM,WAAW,GAAkC;IACjD,OAAO,EAAE,MAAM,CAAC,aAAa;IAC7B,QAAQ,EAAE,MAAM,CAAC,cAAc;IAC/B,IAAI,EAAE,MAAM,CAAC,UAAU;CACxB,CAAC;AAEF,MAAM,YAAY,GAA8B;IAC9C,OAAO,EAAE,MAAM,CAAC,cAAc;IAC9B,OAAO,EAAE,MAAM,CAAC,cAAc;IAC9B,IAAI,EAAE,MAAM,CAAC,WAAW;IACxB,OAAO,EAAE,MAAM,CAAC,cAAc;IAC9B,OAAO,EAAE,MAAM,CAAC,cAAc;IAC9B,MAAM,EAAE,MAAM,CAAC,aAAa;CAC7B,CAAC;AAEF,MAAM,YAAY,GAAgD;IAChE,CAAC,EAAE,MAAM,CAAC,EAAE;IACZ,CAAC,EAAE,MAAM,CAAC,EAAE;IACZ,CAAC,EAAE,MAAM,CAAC,EAAE;IACZ,CAAC,EAAE,MAAM,CAAC,EAAE;IACZ,CAAC,EAAE,MAAM,CAAC,EAAE;IACZ,CAAC,EAAE,MAAM,CAAC,EAAE;CACb,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,KAAK,GAAG,CAAC,EACT,MAAM,GAAG,UAAU,EACnB,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,KAAK,EACb,SAAS,EACT,QAAQ,GACF;IACN,MAAM,SAAS,GAAG,IAAI,KAAK,EAAuB,CAAC;IACnD,MAAM,OAAO,GAAG;QACd,MAAM,CAAC,OAAO;QACd,YAAY,CAAC,KAAK,CAAC;QACnB,WAAW,CAAC,MAAM,CAAC;QACnB,YAAY,CAAC,OAAO,CAAC;QACrB,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;QAC3B,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,KAAC,SAAS,IAAC,SAAS,EAAE,OAAO,YAAG,QAAQ,GAAa,CAAC;AAC/D,CAAC"}

package/dist/components/Typography/Text.d.ts

@@ -0,0 +1,20 @@
+import React, { JSX } from 'react';
+import type { UiVariant } from '../../types';
+type TextSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold';
+type Props = {
+    as?: keyof JSX.IntrinsicElements;
+    size?: TextSize;
+    weight?: TextWeight;
+    variant?: UiVariant;
+    muted?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    strike?: boolean;
+    code?: boolean;
+    small?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+};
+export default function Text({ as, size, weight, variant, muted, italic, underline, strike, code, small, className, children, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Typography/Text.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styles from './Typography.module.css';
+const sizeClass = {
+    xs: styles.textXs,
+    sm: styles.textSm,
+    md: styles.textMd,
+    lg: styles.textLg,
+    xl: styles.textXl,
+};
+const weightClass = {
+    regular: styles.weightRegular,
+    medium: styles.weightMedium,
+    semibold: styles.weightSemibold,
+    bold: styles.weightBold,
+};
+const variantClass = {
+    default: styles.variantDefault,
+    primary: styles.variantPrimary,
+    info: styles.variantInfo,
+    success: styles.variantSuccess,
+    warning: styles.variantWarning,
+    danger: styles.variantDanger,
+};
+export default function Text({ as = 'span', size = 'md', weight = 'regular', variant = 'default', muted = false, italic = false, underline = false, strike = false, code = false, small = false, className, children, }) {
+    const Component = (code ? 'code' : as);
+    const resolvedSize = small ? 'xs' : size;
+    const classes = [
+        styles.text,
+        sizeClass[resolvedSize],
+        weightClass[weight],
+        variantClass[variant],
+        muted ? styles.muted : null,
+        italic ? styles.italic : null,
+        underline ? styles.underline : null,
+        strike ? styles.strike : null,
+        code ? styles.code : null,
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return _jsx(Component, { className: classes, children: children });
+}
+//# sourceMappingURL=Text.js.map

package/dist/components/Typography/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Typography/Text.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAqB7C,MAAM,SAAS,GAA6B;IAC1C,EAAE,EAAE,MAAM,CAAC,MAAM;IACjB,EAAE,EAAE,MAAM,CAAC,MAAM;IACjB,EAAE,EAAE,MAAM,CAAC,MAAM;IACjB,EAAE,EAAE,MAAM,CAAC,MAAM;IACjB,EAAE,EAAE,MAAM,CAAC,MAAM;CAClB,CAAC;AAEF,MAAM,WAAW,GAA+B;IAC9C,OAAO,EAAE,MAAM,CAAC,aAAa;IAC7B,MAAM,EAAE,MAAM,CAAC,YAAY;IAC3B,QAAQ,EAAE,MAAM,CAAC,cAAc;IAC/B,IAAI,EAAE,MAAM,CAAC,UAAU;CACxB,CAAC;AAEF,MAAM,YAAY,GAA8B;IAC9C,OAAO,EAAE,MAAM,CAAC,cAAc;IAC9B,OAAO,EAAE,MAAM,CAAC,cAAc;IAC9B,IAAI,EAAE,MAAM,CAAC,WAAW;IACxB,OAAO,EAAE,MAAM,CAAC,cAAc;IAC9B,OAAO,EAAE,MAAM,CAAC,cAAc;IAC9B,MAAM,EAAE,MAAM,CAAC,aAAa;CAC7B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,EAAE,GAAG,MAAM,EACX,IAAI,GAAG,IAAI,EACX,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,KAAK,EACb,MAAM,GAAG,KAAK,EACd,SAAS,GAAG,KAAK,EACjB,MAAM,GAAG,KAAK,EACd,IAAI,GAAG,KAAK,EACZ,KAAK,GAAG,KAAK,EACb,SAAS,EACT,QAAQ,GACF;IACN,MAAM,SAAS,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAgC,CAAC;IACtE,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAEzC,MAAM,OAAO,GAAG;QACd,MAAM,CAAC,IAAI;QACX,SAAS,CAAC,YAAY,CAAC;QACvB,WAAW,CAAC,MAAM,CAAC;QACnB,YAAY,CAAC,OAAO,CAAC;QACrB,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;QAC3B,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;QAC7B,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;QACnC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;QAC7B,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;QACzB,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,KAAC,SAAS,IAAC,SAAS,EAAE,OAAO,YAAG,QAAQ,GAAa,CAAC;AAC/D,CAAC"}

package/dist/components/Typography/Typography.module.css

@@ -0,0 +1,132 @@
+.text {
+  margin: 0;
+  color: var(--color-text);
+}
+
+.heading {
+  margin: 0;
+  color: var(--color-text);
+}
+
+.textXs {
+  font-size: 12px;
+  line-height: 1.4;
+}
+
+.textSm {
+  font-size: 13px;
+  line-height: 1.5;
+}
+
+.textMd {
+  font-size: 14px;
+  line-height: 1.6;
+}
+
+.textLg {
+  font-size: 16px;
+  line-height: 1.6;
+}
+
+.textXl {
+  font-size: 18px;
+  line-height: 1.5;
+}
+
+.h1 {
+  font-size: 32px;
+  line-height: 1.2;
+}
+
+.h2 {
+  font-size: 26px;
+  line-height: 1.25;
+}
+
+.h3 {
+  font-size: 22px;
+  line-height: 1.3;
+}
+
+.h4 {
+  font-size: 18px;
+  line-height: 1.35;
+}
+
+.h5 {
+  font-size: 16px;
+  line-height: 1.4;
+}
+
+.h6 {
+  font-size: 14px;
+  line-height: 1.4;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+}
+
+.weightRegular {
+  font-weight: 400;
+}
+
+.weightMedium {
+  font-weight: 500;
+}
+
+.weightSemibold {
+  font-weight: 600;
+}
+
+.weightBold {
+  font-weight: 700;
+}
+
+.variantDefault {
+  color: var(--color-text);
+}
+
+.variantPrimary {
+  color: var(--color-teal);
+}
+
+.variantInfo {
+  color: #9cc0ff;
+}
+
+.variantSuccess {
+  color: var(--color-mint);
+}
+
+.variantWarning {
+  color: #f6c86a;
+}
+
+.variantDanger {
+  color: #ff6b6b;
+}
+
+.muted {
+  color: var(--color-muted);
+}
+
+.italic {
+  font-style: italic;
+}
+
+.underline {
+  text-decoration: underline;
+}
+
+.strike {
+  text-decoration: line-through;
+}
+
+.code {
+  font-family: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+    "Courier New", monospace;
+  padding: 2px 6px;
+  border-radius: 6px;
+  background: var(--surface-code);
+  border: 1px solid var(--color-line);
+  font-size: 0.92em;
+}

package/dist/foundations/index.css

@@ -0,0 +1,3 @@
+@import "./tokens.css";
+@import "./typography.css";
+@import "./layout.css";

package/dist/foundations/layout.css

@@ -0,0 +1,78 @@
+.container {
+  max-width: 1240px;
+  margin: 0 auto;
+  padding: var(--spacing-8);
+}
+
+.grid {
+  display: grid;
+  gap: var(--spacing-6);
+}
+
+.grid-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.grid-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.grid-4 {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+.stack {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4);
+}
+
+.row {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-4);
+}
+
+.row-between {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--spacing-4);
+}
+
+.pill {
+  padding: 6px 12px;
+  border-radius: 999px;
+  background: rgba(79, 230, 163, 0.14);
+  color: var(--color-mint);
+  font-size: 12px;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.card {
+  background: linear-gradient(135deg, rgba(20, 41, 70, 0.92), rgba(12, 24, 42, 0.96));
+  border: 1px solid var(--color-line);
+  border-radius: var(--radius-lg);
+  padding: var(--spacing-7);
+  box-shadow: var(--shadow-soft);
+}
+
+@media (max-width: 1024px) {
+  .container {
+    padding: var(--spacing-6);
+  }
+
+  .grid-3,
+  .grid-4 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+@media (max-width: 720px) {
+  .grid-2,
+  .grid-3,
+  .grid-4 {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}

package/dist/foundations/tokens.css

@@ -0,0 +1,236 @@
+:root {
+  color-scheme: dark;
+  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
+
+  --color-bg: #0b1626;
+  --color-surface: #0f1e33;
+  --color-surface-2: #142a4a;
+  --color-line: #1e3355;
+
+  --color-text: #e6f0ff;
+  --color-muted: #9fb2cc;
+  --color-muted-2: #6e829f;
+  --color-divider: rgba(30, 51, 85, 0.7);
+
+  --color-on-solid: #06201c;
+
+  --badge-default-bg: rgba(30, 51, 85, 0.45);
+  --badge-default-border: rgba(30, 51, 85, 0.7);
+  --badge-default-color: var(--color-muted);
+
+  --badge-primary-bg: rgba(79, 230, 163, 0.2);
+  --badge-primary-border: rgba(79, 230, 163, 0.4);
+  --badge-primary-color: var(--color-mint);
+
+  --badge-info-bg: rgba(30, 99, 233, 0.2);
+  --badge-info-border: rgba(30, 99, 233, 0.45);
+  --badge-info-color: #9cc0ff;
+
+  --badge-success-bg: rgba(47, 186, 122, 0.16);
+  --badge-success-border: rgba(47, 186, 122, 0.45);
+  --badge-success-color: #2fba7a;
+
+  --badge-warning-bg: rgba(246, 200, 106, 0.18);
+  --badge-warning-border: rgba(246, 200, 106, 0.45);
+  --badge-warning-color: #f6c86a;
+
+  --badge-danger-bg: rgba(255, 107, 107, 0.18);
+  --badge-danger-border: rgba(255, 107, 107, 0.45);
+  --badge-danger-color: #ff6b6b;
+
+  --btn-default-start: #4b5d78;
+  --btn-default-end: #3a4a66;
+  --btn-default-start-hover: #546781;
+  --btn-default-end-hover: #425372;
+  --btn-default-border: rgba(79, 96, 130, 0.65);
+  --btn-default-accent: rgba(158, 178, 204, 0.95);
+  --btn-default-soft: rgba(79, 96, 130, 0.25);
+
+  --btn-primary-start: #4fe6a3;
+  --btn-primary-end: #14c9d6;
+  --btn-primary-start-hover: #59f0ad;
+  --btn-primary-end-hover: #1cd6e2;
+  --btn-primary-accent: #4fe6a3;
+  --btn-primary-soft: rgba(79, 230, 163, 0.22);
+
+  --btn-info-start: #9cc0ff;
+  --btn-info-end: #5b86ff;
+  --btn-info-start-hover: #a7c8ff;
+  --btn-info-end-hover: #6791ff;
+  --btn-info-accent: #9cc0ff;
+  --btn-info-soft: rgba(156, 192, 255, 0.2);
+
+  --btn-success-start: #45e3a4;
+  --btn-success-end: #2fba7a;
+  --btn-success-start-hover: #52e9ad;
+  --btn-success-end-hover: #35c283;
+  --btn-success-accent: #2fba7a;
+  --btn-success-soft: rgba(47, 186, 122, 0.2);
+
+  --btn-warning-start: #ffd166;
+  --btn-warning-end: #f4a62a;
+  --btn-warning-start-hover: #ffd87d;
+  --btn-warning-end-hover: #f7b13f;
+  --btn-warning-accent: #f6c86a;
+  --btn-warning-soft: rgba(246, 200, 106, 0.22);
+
+  --btn-danger-start: #ff8f8f;
+  --btn-danger-end: #ff5b5b;
+  --btn-danger-start-hover: #ff9a9a;
+  --btn-danger-end-hover: #ff6868;
+  --btn-danger-accent: #ff6b6b;
+  --btn-danger-soft: rgba(255, 107, 107, 0.22);
+
+  --color-mint: #4fe6a3;
+  --color-teal: #14c9d6;
+  --color-blue: #1e63e9;
+
+  --color-body-bg: radial-gradient(
+    100% 140% at 0% 0%,
+    rgba(30, 99, 233, 0.25) 0%,
+    rgba(11, 22, 38, 0.9) 55%,
+    #0b1626 100%
+  );
+
+  --surface-card: linear-gradient(160deg, rgba(17, 33, 57, 0.96), rgba(9, 17, 31, 0.98));
+  --surface-topbar: linear-gradient(120deg, rgba(20, 41, 70, 0.9), rgba(9, 18, 33, 0.95));
+  --surface-sidebar: linear-gradient(180deg, rgba(15, 34, 61, 0.95) 0%, rgba(11, 22, 38, 0.95) 100%);
+  --surface-panel: rgba(12, 24, 42, 0.98);
+  --surface-panel-soft: rgba(12, 24, 42, 0.9);
+  --surface-control: rgba(10, 18, 32, 0.7);
+  --surface-input: rgba(12, 20, 35, 0.8);
+  --surface-input-muted: rgba(9, 17, 31, 0.8);
+  --surface-input-disabled: rgba(9, 17, 31, 0.6);
+  --surface-pill: rgba(30, 51, 85, 0.6);
+  --surface-tile: rgba(9, 17, 31, 0.8);
+  --surface-tile-soft: rgba(9, 17, 31, 0.75);
+  --surface-code: rgba(12, 24, 42, 0.8);
+  --overlay: rgba(5, 10, 20, 0.5);
+  --overlay-strong: rgba(5, 10, 20, 0.72);
+
+  --radius-xs: 8px;
+  --radius-sm: 12px;
+  --radius-md: 16px;
+  --radius-lg: 22px;
+
+  --shadow-soft: 0 20px 60px rgba(2, 8, 20, 0.45);
+  --shadow-glow: 0 0 0 1px rgba(79, 230, 163, 0.2);
+
+  --spacing-1: 4px;
+  --spacing-2: 8px;
+  --spacing-3: 12px;
+  --spacing-4: 16px;
+  --spacing-5: 20px;
+  --spacing-6: 24px;
+  --spacing-7: 32px;
+  --spacing-8: 40px;
+  --spacing-9: 48px;
+  --spacing-10: 64px;
+}
+
+:root[data-theme="light"] {
+  color-scheme: light;
+  --color-bg: #f4f7fb;
+  --color-surface: #ffffff;
+  --color-surface-2: #edf2f8;
+  --color-line: #d4deed;
+
+  --color-text: #0b1626;
+  --color-muted: #4f5d73;
+  --color-muted-2: #72819a;
+  --color-divider: #dbe4f2;
+
+  --color-on-solid: #ffffff;
+
+  --color-body-bg: radial-gradient(
+    120% 140% at 10% 0%,
+    rgba(30, 99, 233, 0.12) 0%,
+    rgba(244, 247, 251, 0.95) 60%,
+    #f4f7fb 100%
+  );
+
+  --surface-card: linear-gradient(160deg, #ffffff, #f2f5fb);
+  --surface-topbar: linear-gradient(120deg, #f7f9fd, #edf2f8);
+  --surface-sidebar: linear-gradient(180deg, #f6f8fb 0%, #eef2f7 100%);
+  --surface-panel: rgba(255, 255, 255, 0.98);
+  --surface-panel-soft: rgba(255, 255, 255, 0.9);
+  --surface-control: rgba(255, 255, 255, 0.9);
+  --surface-input: rgba(255, 255, 255, 0.95);
+  --surface-input-muted: rgba(236, 242, 250, 0.9);
+  --surface-input-disabled: rgba(236, 242, 250, 0.8);
+  --surface-pill: rgba(216, 226, 240, 0.9);
+  --surface-tile: rgba(236, 242, 250, 0.9);
+  --surface-tile-soft: rgba(236, 242, 250, 0.85);
+  --surface-code: rgba(245, 248, 252, 0.95);
+  --overlay: rgba(10, 15, 25, 0.2);
+  --overlay-strong: rgba(10, 15, 25, 0.35);
+
+  --shadow-soft: 0 18px 40px rgba(9, 16, 32, 0.12);
+
+  --badge-default-bg: #e3e9f3;
+  --badge-default-border: #c5d2e6;
+  --badge-default-color: #4f5d73;
+
+  --badge-primary-bg: rgba(20, 201, 214, 0.22);
+  --badge-primary-border: rgba(20, 201, 214, 0.6);
+  --badge-primary-color: #0a6f7a;
+
+  --badge-info-bg: rgba(30, 99, 233, 0.18);
+  --badge-info-border: rgba(30, 99, 233, 0.55);
+  --badge-info-color: #1e4fb8;
+
+  --badge-success-bg: rgba(79, 230, 163, 0.22);
+  --badge-success-border: rgba(42, 186, 122, 0.6);
+  --badge-success-color: #1b7f58;
+
+  --badge-warning-bg: rgba(246, 200, 106, 0.25);
+  --badge-warning-border: rgba(246, 200, 106, 0.65);
+  --badge-warning-color: #9a6b00;
+
+  --badge-danger-bg: rgba(255, 107, 107, 0.2);
+  --badge-danger-border: rgba(255, 107, 107, 0.6);
+  --badge-danger-color: #b93c3c;
+
+  --btn-default-start: #8a9bb6;
+  --btn-default-end: #6f8098;
+  --btn-default-start-hover: #93a4be;
+  --btn-default-end-hover: #7687a0;
+  --btn-default-border: #6f8098;
+  --btn-default-accent: #4f5d73;
+  --btn-default-soft: rgba(152, 166, 186, 0.2);
+
+  --btn-primary-start: #44d1de;
+  --btn-primary-end: #1aa9be;
+  --btn-primary-start-hover: #4edbe7;
+  --btn-primary-end-hover: #21b4c9;
+  --btn-primary-accent: #0a6f7a;
+  --btn-primary-soft: rgba(10, 111, 122, 0.14);
+
+  --btn-info-start: #9cc0ff;
+  --btn-info-end: #4f7bff;
+  --btn-info-start-hover: #a7c8ff;
+  --btn-info-end-hover: #5b86ff;
+  --btn-info-accent: #1e4fb8;
+  --btn-info-soft: rgba(30, 79, 184, 0.14);
+
+  --btn-success-start: #5fe2a8;
+  --btn-success-end: #2fb77a;
+  --btn-success-start-hover: #6ae8b1;
+  --btn-success-end-hover: #36bf82;
+  --btn-success-accent: #1b7f58;
+  --btn-success-soft: rgba(27, 127, 88, 0.16);
+
+  --btn-warning-start: #ffd37a;
+  --btn-warning-end: #f4a62a;
+  --btn-warning-start-hover: #ffdb90;
+  --btn-warning-end-hover: #f7b13f;
+  --btn-warning-accent: #9a6b00;
+  --btn-warning-soft: rgba(154, 107, 0, 0.16);
+
+  --btn-danger-start: #ff8f8f;
+  --btn-danger-end: #ff5b5b;
+  --btn-danger-start-hover: #ff9a9a;
+  --btn-danger-end-hover: #ff6868;
+  --btn-danger-accent: #b93c3c;
+  --btn-danger-soft: rgba(185, 60, 60, 0.16);
+}