@conciso/design-system 0.0.0-bootstrap.0

package/tokens/tokens.js

@@ -0,0 +1,229 @@
+// Generiert von scripts/build-tokens.mjs — NICHT manuell editieren.
+export const tokens = {
+  "co-500": "#00BEBE",
+  "co-50": "#E0F7F7",
+  "co-100": "#B3ECEC",
+  "co-200": "#80DEDE",
+  "co-300": "#4DD0D0",
+  "co-400": "#26C2C2",
+  "co-600": "#009E9E",
+  "co-700": "#007575",
+  "co-800": "#004F4F",
+  "co-900": "#002B2B",
+  "co-ink": "#007575",
+  "ki-500": "#B5E61C",
+  "ki-50": "#F4FCD5",
+  "ki-100": "#E6F8A0",
+  "ki-200": "#D6F06D",
+  "ki-300": "#C8EA42",
+  "ki-400": "#BEE82D",
+  "ki-600": "#8FAF0E",
+  "ki-700": "#6B8208",
+  "ki-800": "#475705",
+  "ki-900": "#242C02",
+  "ki-ink": "#475705",
+  "wo-500": "#44A030",
+  "wo-50": "#EBF5E6",
+  "wo-100": "#CEEAC3",
+  "wo-200": "#A3D48E",
+  "wo-300": "#72BD58",
+  "wo-400": "#55AD3F",
+  "wo-600": "#347A22",
+  "wo-700": "#285E1A",
+  "wo-800": "#183A0E",
+  "wo-900": "#0A1F05",
+  "wo-ink": "#285E1A",
+  "es-500": "#2F5FD4",
+  "es-50": "#EAF0FB",
+  "es-100": "#C8D9F5",
+  "es-200": "#98B7EE",
+  "es-300": "#6593E5",
+  "es-400": "#4677DC",
+  "es-600": "#2249B2",
+  "es-700": "#1B3D9A",
+  "es-800": "#112568",
+  "es-900": "#071035",
+  "es-ink": "#1B3D9A",
+  "ro-500": "#C23060",
+  "ro-50": "#FDEDF2",
+  "ro-100": "#F9CEDD",
+  "ro-200": "#F0A0BE",
+  "ro-300": "#E06898",
+  "ro-400": "#CF4478",
+  "ro-600": "#A02050",
+  "ro-700": "#7E1639",
+  "ro-800": "#560E26",
+  "ro-900": "#2E0513",
+  "co-band": "#E0F7F7",
+  "ki-band": "#F4FCD5",
+  "es-band": "#EAF0FB",
+  "wo-band": "#EBF5E6",
+  "co-fill": "#E0F7F7",
+  "ki-fill": "#F4FCD5",
+  "es-fill": "#EAF0FB",
+  "wo-fill": "#EBF5E6",
+  "n-0": "#FFFFFF",
+  "n-50": "#F5F7F7",
+  "n-100": "#E8EDED",
+  "n-200": "#C9D3D3",
+  "n-300": "#A0B0B0",
+  "n-400": "#6E8585",
+  "n-500": "#4A6565",
+  "n-600": "#2E4545",
+  "n-700": "#1A2E2E",
+  "n-800": "#0D1F1F",
+  "n-900": "#060F0F",
+  "c-success": "#0E6644",
+  "c-success-bg": "#A9E5C8",
+  "c-warning": "#785008",
+  "c-warning-bg": "#F5D08C",
+  "c-error": "#9B2020",
+  "c-error-bg": "#F5BFBF",
+  "badge-ok-text": "#0E6644",
+  "badge-warn-text": "#785008",
+  "badge-err-text": "#9B2020",
+  "badge-neu-bg": "#C9D3D3",
+  "badge-neu-text": "#2E4545",
+  "cbadge-aa-bg": "#E6F9F1",
+  "cbadge-aa-text": "#0a5c38",
+  "cbadge-aaa-bg": "#D0F0FF",
+  "cbadge-aaa-text": "#004466",
+  "cbadge-fail-bg": "#FDEAEA",
+  "cbadge-fail-text": "#9b2020",
+  "bg-page": "#FFFFFF",
+  "bg-surface": "#FFFFFF",
+  "bg-overlay": "rgba(0,94,94,.06)",
+  "bg-code": "#0D1F1F",
+  "bg-surface-hover": "#FFFFFF",
+  "bg-plate": "#FFFFFF",
+  "tx-brand": "#333E48",
+  "tx-primary": "#333E48",
+  "tx-secondary": "#4A6565",
+  "tx-muted": "#5A7171",
+  "font": "'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif",
+  "font-display": "'Libre Baskerville','Georgia',serif",
+  "font-mono": "'Courier New',monospace",
+  "ty-caption": "400 0.75rem/1rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif",
+  "ty-body-xs": "400 0.75rem/1rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif",
+  "ty-body-sm": "400 0.875rem/1.25rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif",
+  "ty-body-md": "400 1rem/1.5rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif",
+  "ty-label-xs": "500 0.75rem/1rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif",
+  "ty-label-sm": "500 0.75rem/1rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif",
+  "ty-label-md": "500 0.875rem/1.25rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif",
+  "ty-title-sm": "500 1.25rem/1.75rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif",
+  "ty-label-xs-strong": "600 0.75rem/1rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif",
+  "ty-name": "600 0.875rem/1.25rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif",
+  "ty-serif-sm": "400 1.0625rem/1.75rem 'Libre Baskerville','Georgia',serif",
+  "ty-serif-md": "400 1.25rem/1.75rem 'Libre Baskerville','Georgia',serif",
+  "ty-serif-lg": "400 1.25rem/2rem 'Libre Baskerville','Georgia',serif",
+  "ty-headline-xs": "400 clamp(1.25rem, 1.2rem + 0.23vw, 1.375rem)/1.35 'Libre Baskerville','Georgia',serif",
+  "ty-headline-sm": "400 clamp(1.3125rem, 1.236rem + 0.34vw, 1.5rem)/1.33 'Libre Baskerville','Georgia',serif",
+  "ty-headline-md": "400 clamp(1.4375rem, 1.31rem + 0.57vw, 1.75rem)/1.3 'Libre Baskerville','Georgia',serif",
+  "ty-display-sm": "400 clamp(1.75rem, 1.546rem + 0.91vw, 2.25rem)/1.22 'Libre Baskerville','Georgia',serif",
+  "ty-display-md": "400 clamp(1.875rem, 1.619rem + 1.14vw, 2.5rem)/1.2 'Libre Baskerville','Georgia',serif",
+  "ty-display-lg": "400 clamp(1.75rem, 1.29rem + 2.05vw, 2.875rem)/1.15 'Libre Baskerville','Georgia',serif",
+  "s1": "4px",
+  "s2": "8px",
+  "s3": "12px",
+  "s4": "16px",
+  "s5": "20px",
+  "s6": "24px",
+  "s8": "32px",
+  "s10": "40px",
+  "s12": "48px",
+  "s16": "64px",
+  "r-xs": "4px",
+  "r-sm": "8px",
+  "r-md": "12px",
+  "r-lg": "16px",
+  "r-xl": "28px",
+  "r-full": "9999px",
+  "e0": "none",
+  "e1": "0 1px 2px rgba(0,0,0,.30),0 1px 3px 1px rgba(0,0,0,.15)",
+  "e2": "0 1px 2px rgba(0,0,0,.30),0 2px 6px 2px rgba(0,0,0,.15)",
+  "e3": "0 1px 3px rgba(0,0,0,.30),0 4px 8px 3px rgba(0,0,0,.15)",
+  "e4": "0 2px 3px rgba(0,0,0,.30),0 6px 10px 4px rgba(0,0,0,.15)",
+  "e5": "0 4px 4px rgba(0,0,0,.30),0 8px 12px 6px rgba(0,0,0,.15)",
+  "tonal-1": "rgba(0,190,190,.05)",
+  "tonal-2": "rgba(0,190,190,.08)",
+  "tonal-3": "rgba(0,190,190,.11)",
+  "tonal-4": "rgba(0,190,190,.12)",
+  "tonal-5": "rgba(0,190,190,.14)",
+  "m-fast": "150ms cubic-bezier(.4,0,.2,1)",
+  "m-std": "250ms cubic-bezier(.4,0,.2,1)",
+  "icon-stroke-micro": "1",
+  "icon-stroke-sm": "1.25",
+  "icon-stroke-md": "1.5",
+  "icon-stroke-lg": "2",
+  "icon-stroke-xl": "2.5",
+  "bd-c": "#E8EDED",
+  "bd-strong-c": "#A0B0B0",
+  "bd": "1px solid #E8EDED",
+  "bd-strong": "1px solid #A0B0B0",
+  "field-border": "#6E8585",
+  "focus-ring": "0 0 0 3px #E0F7F7,0 0 0 5px #007575",
+  "focus-aa": "0 0 0 2px #FFFFFF,0 0 0 4px #007575"
+};
+
+export const darkTokens = {
+  "bg-page": "#151A1F",
+  "bg-surface": "#28323D",
+  "bg-overlay": "rgba(0,190,190,.10)",
+  "bg-code": "#07090C",
+  "bg-surface-hover": "#2E3B46",
+  "bg-plate": "#E8EDED",
+  "tx-brand": "#C4D8D8",
+  "tx-primary": "#DDE9E9",
+  "tx-secondary": "#A6C6C6",
+  "tx-muted": "#93B6B6",
+  "n-50": "#0B0F11",
+  "n-100": "#1E262E",
+  "bd-c": "#6F7A89",
+  "bd-strong-c": "#8694A5",
+  "bd": "1px solid #6F7A89",
+  "bd-strong": "1px solid #8694A5",
+  "field-border": "#869C9C",
+  "focus-ring": "0 0 0 3px #151A1F,0 0 0 5px #00BEBE",
+  "focus-aa": "0 0 0 2px #151A1F,0 0 0 4px #00BEBE",
+  "e1": "0 1px 2px rgba(0,0,0,.60),0 1px 3px 1px rgba(0,0,0,.40)",
+  "e2": "0 1px 2px rgba(0,0,0,.60),0 2px 6px 2px rgba(0,0,0,.40)",
+  "e3": "0 1px 3px rgba(0,0,0,.60),0 4px 8px 3px rgba(0,0,0,.40)",
+  "e4": "0 2px 3px rgba(0,0,0,.70),0 6px 10px 4px rgba(0,0,0,.40)",
+  "e5": "0 4px 4px rgba(0,0,0,.70),0 8px 12px 6px rgba(0,0,0,.40)",
+  "c-success-bg": "#1F573B",
+  "c-warning-bg": "#5F4B1E",
+  "c-error-bg": "#882725",
+  "c-success": "#5CE8A0",
+  "c-warning": "#F0C060",
+  "c-error": "#FFA5A5",
+  "co-50": "#134C47",
+  "ki-50": "#384912",
+  "wo-50": "#144E1F",
+  "es-50": "#253C92",
+  "ro-50": "#7E1F37",
+  "co-band": "#092321",
+  "ki-band": "#1A2208",
+  "wo-band": "#09240E",
+  "es-band": "#111C44",
+  "co-fill": "#1F5651",
+  "ki-fill": "#43531C",
+  "es-fill": "#34469D",
+  "wo-fill": "#205828",
+  "co-ink": "#80DEDE",
+  "ki-ink": "#D6F06D",
+  "es-ink": "#C8D9F5",
+  "wo-ink": "#A3D48E",
+  "badge-ok-text": "#5CE8A0",
+  "badge-warn-text": "#F0C060",
+  "badge-err-text": "#FFA5A5",
+  "badge-neu-bg": "#404F5D",
+  "badge-neu-text": "#C4D8D8",
+  "cbadge-aa-bg": "#134D31",
+  "cbadge-aa-text": "#5CE8A0",
+  "cbadge-aaa-bg": "#194864",
+  "cbadge-aaa-text": "#70C8F0",
+  "cbadge-fail-bg": "#802020",
+  "cbadge-fail-text": "#FFA5A5"
+};
+
+export default tokens;

package/tokens/tokens.json

@@ -0,0 +1,227 @@
+{
+  "light": {
+    "co-500": "#00BEBE",
+    "co-50": "#E0F7F7",
+    "co-100": "#B3ECEC",
+    "co-200": "#80DEDE",
+    "co-300": "#4DD0D0",
+    "co-400": "#26C2C2",
+    "co-600": "#009E9E",
+    "co-700": "#007575",
+    "co-800": "#004F4F",
+    "co-900": "#002B2B",
+    "co-ink": "#007575",
+    "ki-500": "#B5E61C",
+    "ki-50": "#F4FCD5",
+    "ki-100": "#E6F8A0",
+    "ki-200": "#D6F06D",
+    "ki-300": "#C8EA42",
+    "ki-400": "#BEE82D",
+    "ki-600": "#8FAF0E",
+    "ki-700": "#6B8208",
+    "ki-800": "#475705",
+    "ki-900": "#242C02",
+    "ki-ink": "#475705",
+    "wo-500": "#44A030",
+    "wo-50": "#EBF5E6",
+    "wo-100": "#CEEAC3",
+    "wo-200": "#A3D48E",
+    "wo-300": "#72BD58",
+    "wo-400": "#55AD3F",
+    "wo-600": "#347A22",
+    "wo-700": "#285E1A",
+    "wo-800": "#183A0E",
+    "wo-900": "#0A1F05",
+    "wo-ink": "#285E1A",
+    "es-500": "#2F5FD4",
+    "es-50": "#EAF0FB",
+    "es-100": "#C8D9F5",
+    "es-200": "#98B7EE",
+    "es-300": "#6593E5",
+    "es-400": "#4677DC",
+    "es-600": "#2249B2",
+    "es-700": "#1B3D9A",
+    "es-800": "#112568",
+    "es-900": "#071035",
+    "es-ink": "#1B3D9A",
+    "ro-500": "#C23060",
+    "ro-50": "#FDEDF2",
+    "ro-100": "#F9CEDD",
+    "ro-200": "#F0A0BE",
+    "ro-300": "#E06898",
+    "ro-400": "#CF4478",
+    "ro-600": "#A02050",
+    "ro-700": "#7E1639",
+    "ro-800": "#560E26",
+    "ro-900": "#2E0513",
+    "co-band": "#E0F7F7",
+    "ki-band": "#F4FCD5",
+    "es-band": "#EAF0FB",
+    "wo-band": "#EBF5E6",
+    "co-fill": "#E0F7F7",
+    "ki-fill": "#F4FCD5",
+    "es-fill": "#EAF0FB",
+    "wo-fill": "#EBF5E6",
+    "n-0": "#FFFFFF",
+    "n-50": "#F5F7F7",
+    "n-100": "#E8EDED",
+    "n-200": "#C9D3D3",
+    "n-300": "#A0B0B0",
+    "n-400": "#6E8585",
+    "n-500": "#4A6565",
+    "n-600": "#2E4545",
+    "n-700": "#1A2E2E",
+    "n-800": "#0D1F1F",
+    "n-900": "#060F0F",
+    "c-success": "#0E6644",
+    "c-success-bg": "#A9E5C8",
+    "c-warning": "#785008",
+    "c-warning-bg": "#F5D08C",
+    "c-error": "#9B2020",
+    "c-error-bg": "#F5BFBF",
+    "badge-ok-text": "#0E6644",
+    "badge-warn-text": "#785008",
+    "badge-err-text": "#9B2020",
+    "badge-neu-bg": "#C9D3D3",
+    "badge-neu-text": "#2E4545",
+    "cbadge-aa-bg": "#E6F9F1",
+    "cbadge-aa-text": "#0a5c38",
+    "cbadge-aaa-bg": "#D0F0FF",
+    "cbadge-aaa-text": "#004466",
+    "cbadge-fail-bg": "#FDEAEA",
+    "cbadge-fail-text": "#9b2020",
+    "bg-page": "#FFFFFF",
+    "bg-surface": "#FFFFFF",
+    "bg-overlay": "rgba(0,94,94,.06)",
+    "bg-code": "#0D1F1F",
+    "bg-surface-hover": "#FFFFFF",
+    "bg-plate": "#FFFFFF",
+    "tx-brand": "#333E48",
+    "tx-primary": "#333E48",
+    "tx-secondary": "#4A6565",
+    "tx-muted": "#5A7171",
+    "font": "'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif",
+    "font-display": "'Libre Baskerville','Georgia',serif",
+    "font-mono": "'Courier New',monospace",
+    "ty-caption": "400 0.75rem/1rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif",
+    "ty-body-xs": "400 0.75rem/1rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif",
+    "ty-body-sm": "400 0.875rem/1.25rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif",
+    "ty-body-md": "400 1rem/1.5rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif",
+    "ty-label-xs": "500 0.75rem/1rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif",
+    "ty-label-sm": "500 0.75rem/1rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif",
+    "ty-label-md": "500 0.875rem/1.25rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif",
+    "ty-title-sm": "500 1.25rem/1.75rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif",
+    "ty-label-xs-strong": "600 0.75rem/1rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif",
+    "ty-name": "600 0.875rem/1.25rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif",
+    "ty-serif-sm": "400 1.0625rem/1.75rem 'Libre Baskerville','Georgia',serif",
+    "ty-serif-md": "400 1.25rem/1.75rem 'Libre Baskerville','Georgia',serif",
+    "ty-serif-lg": "400 1.25rem/2rem 'Libre Baskerville','Georgia',serif",
+    "ty-headline-xs": "400 clamp(1.25rem, 1.2rem + 0.23vw, 1.375rem)/1.35 'Libre Baskerville','Georgia',serif",
+    "ty-headline-sm": "400 clamp(1.3125rem, 1.236rem + 0.34vw, 1.5rem)/1.33 'Libre Baskerville','Georgia',serif",
+    "ty-headline-md": "400 clamp(1.4375rem, 1.31rem + 0.57vw, 1.75rem)/1.3 'Libre Baskerville','Georgia',serif",
+    "ty-display-sm": "400 clamp(1.75rem, 1.546rem + 0.91vw, 2.25rem)/1.22 'Libre Baskerville','Georgia',serif",
+    "ty-display-md": "400 clamp(1.875rem, 1.619rem + 1.14vw, 2.5rem)/1.2 'Libre Baskerville','Georgia',serif",
+    "ty-display-lg": "400 clamp(1.75rem, 1.29rem + 2.05vw, 2.875rem)/1.15 'Libre Baskerville','Georgia',serif",
+    "s1": "4px",
+    "s2": "8px",
+    "s3": "12px",
+    "s4": "16px",
+    "s5": "20px",
+    "s6": "24px",
+    "s8": "32px",
+    "s10": "40px",
+    "s12": "48px",
+    "s16": "64px",
+    "r-xs": "4px",
+    "r-sm": "8px",
+    "r-md": "12px",
+    "r-lg": "16px",
+    "r-xl": "28px",
+    "r-full": "9999px",
+    "e0": "none",
+    "e1": "0 1px 2px rgba(0,0,0,.30),0 1px 3px 1px rgba(0,0,0,.15)",
+    "e2": "0 1px 2px rgba(0,0,0,.30),0 2px 6px 2px rgba(0,0,0,.15)",
+    "e3": "0 1px 3px rgba(0,0,0,.30),0 4px 8px 3px rgba(0,0,0,.15)",
+    "e4": "0 2px 3px rgba(0,0,0,.30),0 6px 10px 4px rgba(0,0,0,.15)",
+    "e5": "0 4px 4px rgba(0,0,0,.30),0 8px 12px 6px rgba(0,0,0,.15)",
+    "tonal-1": "rgba(0,190,190,.05)",
+    "tonal-2": "rgba(0,190,190,.08)",
+    "tonal-3": "rgba(0,190,190,.11)",
+    "tonal-4": "rgba(0,190,190,.12)",
+    "tonal-5": "rgba(0,190,190,.14)",
+    "m-fast": "150ms cubic-bezier(.4,0,.2,1)",
+    "m-std": "250ms cubic-bezier(.4,0,.2,1)",
+    "icon-stroke-micro": "1",
+    "icon-stroke-sm": "1.25",
+    "icon-stroke-md": "1.5",
+    "icon-stroke-lg": "2",
+    "icon-stroke-xl": "2.5",
+    "bd-c": "#E8EDED",
+    "bd-strong-c": "#A0B0B0",
+    "bd": "1px solid #E8EDED",
+    "bd-strong": "1px solid #A0B0B0",
+    "field-border": "#6E8585",
+    "focus-ring": "0 0 0 3px #E0F7F7,0 0 0 5px #007575",
+    "focus-aa": "0 0 0 2px #FFFFFF,0 0 0 4px #007575"
+  },
+  "dark": {
+    "bg-page": "#151A1F",
+    "bg-surface": "#28323D",
+    "bg-overlay": "rgba(0,190,190,.10)",
+    "bg-code": "#07090C",
+    "bg-surface-hover": "#2E3B46",
+    "bg-plate": "#E8EDED",
+    "tx-brand": "#C4D8D8",
+    "tx-primary": "#DDE9E9",
+    "tx-secondary": "#A6C6C6",
+    "tx-muted": "#93B6B6",
+    "n-50": "#0B0F11",
+    "n-100": "#1E262E",
+    "bd-c": "#6F7A89",
+    "bd-strong-c": "#8694A5",
+    "bd": "1px solid #6F7A89",
+    "bd-strong": "1px solid #8694A5",
+    "field-border": "#869C9C",
+    "focus-ring": "0 0 0 3px #151A1F,0 0 0 5px #00BEBE",
+    "focus-aa": "0 0 0 2px #151A1F,0 0 0 4px #00BEBE",
+    "e1": "0 1px 2px rgba(0,0,0,.60),0 1px 3px 1px rgba(0,0,0,.40)",
+    "e2": "0 1px 2px rgba(0,0,0,.60),0 2px 6px 2px rgba(0,0,0,.40)",
+    "e3": "0 1px 3px rgba(0,0,0,.60),0 4px 8px 3px rgba(0,0,0,.40)",
+    "e4": "0 2px 3px rgba(0,0,0,.70),0 6px 10px 4px rgba(0,0,0,.40)",
+    "e5": "0 4px 4px rgba(0,0,0,.70),0 8px 12px 6px rgba(0,0,0,.40)",
+    "c-success-bg": "#1F573B",
+    "c-warning-bg": "#5F4B1E",
+    "c-error-bg": "#882725",
+    "c-success": "#5CE8A0",
+    "c-warning": "#F0C060",
+    "c-error": "#FFA5A5",
+    "co-50": "#134C47",
+    "ki-50": "#384912",
+    "wo-50": "#144E1F",
+    "es-50": "#253C92",
+    "ro-50": "#7E1F37",
+    "co-band": "#092321",
+    "ki-band": "#1A2208",
+    "wo-band": "#09240E",
+    "es-band": "#111C44",
+    "co-fill": "#1F5651",
+    "ki-fill": "#43531C",
+    "es-fill": "#34469D",
+    "wo-fill": "#205828",
+    "co-ink": "#80DEDE",
+    "ki-ink": "#D6F06D",
+    "es-ink": "#C8D9F5",
+    "wo-ink": "#A3D48E",
+    "badge-ok-text": "#5CE8A0",
+    "badge-warn-text": "#F0C060",
+    "badge-err-text": "#FFA5A5",
+    "badge-neu-bg": "#404F5D",
+    "badge-neu-text": "#C4D8D8",
+    "cbadge-aa-bg": "#134D31",
+    "cbadge-aa-text": "#5CE8A0",
+    "cbadge-aaa-bg": "#194864",
+    "cbadge-aaa-text": "#70C8F0",
+    "cbadge-fail-bg": "#802020",
+    "cbadge-fail-text": "#FFA5A5"
+  }
+}

package/tokens/tokens.scss

@@ -0,0 +1,228 @@
+// Generiert von scripts/build-tokens.mjs — NICHT manuell editieren.
+// Quelle: css/tokens.css (Light) + css/dark-mode.css (Dark-Overrides).
+
+$co-500: #00BEBE;
+$co-50: #E0F7F7;
+$co-100: #B3ECEC;
+$co-200: #80DEDE;
+$co-300: #4DD0D0;
+$co-400: #26C2C2;
+$co-600: #009E9E;
+$co-700: #007575;
+$co-800: #004F4F;
+$co-900: #002B2B;
+$co-ink: #007575;
+$ki-500: #B5E61C;
+$ki-50: #F4FCD5;
+$ki-100: #E6F8A0;
+$ki-200: #D6F06D;
+$ki-300: #C8EA42;
+$ki-400: #BEE82D;
+$ki-600: #8FAF0E;
+$ki-700: #6B8208;
+$ki-800: #475705;
+$ki-900: #242C02;
+$ki-ink: #475705;
+$wo-500: #44A030;
+$wo-50: #EBF5E6;
+$wo-100: #CEEAC3;
+$wo-200: #A3D48E;
+$wo-300: #72BD58;
+$wo-400: #55AD3F;
+$wo-600: #347A22;
+$wo-700: #285E1A;
+$wo-800: #183A0E;
+$wo-900: #0A1F05;
+$wo-ink: #285E1A;
+$es-500: #2F5FD4;
+$es-50: #EAF0FB;
+$es-100: #C8D9F5;
+$es-200: #98B7EE;
+$es-300: #6593E5;
+$es-400: #4677DC;
+$es-600: #2249B2;
+$es-700: #1B3D9A;
+$es-800: #112568;
+$es-900: #071035;
+$es-ink: #1B3D9A;
+$ro-500: #C23060;
+$ro-50: #FDEDF2;
+$ro-100: #F9CEDD;
+$ro-200: #F0A0BE;
+$ro-300: #E06898;
+$ro-400: #CF4478;
+$ro-600: #A02050;
+$ro-700: #7E1639;
+$ro-800: #560E26;
+$ro-900: #2E0513;
+$co-band: #E0F7F7;
+$ki-band: #F4FCD5;
+$es-band: #EAF0FB;
+$wo-band: #EBF5E6;
+$co-fill: #E0F7F7;
+$ki-fill: #F4FCD5;
+$es-fill: #EAF0FB;
+$wo-fill: #EBF5E6;
+$n-0: #FFFFFF;
+$n-50: #F5F7F7;
+$n-100: #E8EDED;
+$n-200: #C9D3D3;
+$n-300: #A0B0B0;
+$n-400: #6E8585;
+$n-500: #4A6565;
+$n-600: #2E4545;
+$n-700: #1A2E2E;
+$n-800: #0D1F1F;
+$n-900: #060F0F;
+$c-success: #0E6644;
+$c-success-bg: #A9E5C8;
+$c-warning: #785008;
+$c-warning-bg: #F5D08C;
+$c-error: #9B2020;
+$c-error-bg: #F5BFBF;
+$badge-ok-text: #0E6644;
+$badge-warn-text: #785008;
+$badge-err-text: #9B2020;
+$badge-neu-bg: #C9D3D3;
+$badge-neu-text: #2E4545;
+$cbadge-aa-bg: #E6F9F1;
+$cbadge-aa-text: #0a5c38;
+$cbadge-aaa-bg: #D0F0FF;
+$cbadge-aaa-text: #004466;
+$cbadge-fail-bg: #FDEAEA;
+$cbadge-fail-text: #9b2020;
+$bg-page: #FFFFFF;
+$bg-surface: #FFFFFF;
+$bg-overlay: rgba(0,94,94,.06);
+$bg-code: #0D1F1F;
+$bg-surface-hover: #FFFFFF;
+$bg-plate: #FFFFFF;
+$tx-brand: #333E48;
+$tx-primary: #333E48;
+$tx-secondary: #4A6565;
+$tx-muted: #5A7171;
+$font: "'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif";
+$font-display: "'Libre Baskerville','Georgia',serif";
+$font-mono: "'Courier New',monospace";
+$ty-caption: "400 0.75rem/1rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif";
+$ty-body-xs: "400 0.75rem/1rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif";
+$ty-body-sm: "400 0.875rem/1.25rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif";
+$ty-body-md: "400 1rem/1.5rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif";
+$ty-label-xs: "500 0.75rem/1rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif";
+$ty-label-sm: "500 0.75rem/1rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif";
+$ty-label-md: "500 0.875rem/1.25rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif";
+$ty-title-sm: "500 1.25rem/1.75rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif";
+$ty-label-xs-strong: "600 0.75rem/1rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif";
+$ty-name: "600 0.875rem/1.25rem 'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif";
+$ty-serif-sm: "400 1.0625rem/1.75rem 'Libre Baskerville','Georgia',serif";
+$ty-serif-md: "400 1.25rem/1.75rem 'Libre Baskerville','Georgia',serif";
+$ty-serif-lg: "400 1.25rem/2rem 'Libre Baskerville','Georgia',serif";
+$ty-headline-xs: "400 clamp(1.25rem, 1.2rem + 0.23vw, 1.375rem)/1.35 'Libre Baskerville','Georgia',serif";
+$ty-headline-sm: "400 clamp(1.3125rem, 1.236rem + 0.34vw, 1.5rem)/1.33 'Libre Baskerville','Georgia',serif";
+$ty-headline-md: "400 clamp(1.4375rem, 1.31rem + 0.57vw, 1.75rem)/1.3 'Libre Baskerville','Georgia',serif";
+$ty-display-sm: "400 clamp(1.75rem, 1.546rem + 0.91vw, 2.25rem)/1.22 'Libre Baskerville','Georgia',serif";
+$ty-display-md: "400 clamp(1.875rem, 1.619rem + 1.14vw, 2.5rem)/1.2 'Libre Baskerville','Georgia',serif";
+$ty-display-lg: "400 clamp(1.75rem, 1.29rem + 2.05vw, 2.875rem)/1.15 'Libre Baskerville','Georgia',serif";
+$s1: 4px;
+$s2: 8px;
+$s3: 12px;
+$s4: 16px;
+$s5: 20px;
+$s6: 24px;
+$s8: 32px;
+$s10: 40px;
+$s12: 48px;
+$s16: 64px;
+$r-xs: 4px;
+$r-sm: 8px;
+$r-md: 12px;
+$r-lg: 16px;
+$r-xl: 28px;
+$r-full: 9999px;
+$e0: none;
+$e1: "0 1px 2px rgba(0,0,0,.30),0 1px 3px 1px rgba(0,0,0,.15)";
+$e2: "0 1px 2px rgba(0,0,0,.30),0 2px 6px 2px rgba(0,0,0,.15)";
+$e3: "0 1px 3px rgba(0,0,0,.30),0 4px 8px 3px rgba(0,0,0,.15)";
+$e4: "0 2px 3px rgba(0,0,0,.30),0 6px 10px 4px rgba(0,0,0,.15)";
+$e5: "0 4px 4px rgba(0,0,0,.30),0 8px 12px 6px rgba(0,0,0,.15)";
+$tonal-1: rgba(0,190,190,.05);
+$tonal-2: rgba(0,190,190,.08);
+$tonal-3: rgba(0,190,190,.11);
+$tonal-4: rgba(0,190,190,.12);
+$tonal-5: rgba(0,190,190,.14);
+$m-fast: "150ms cubic-bezier(.4,0,.2,1)";
+$m-std: "250ms cubic-bezier(.4,0,.2,1)";
+$icon-stroke-micro: 1;
+$icon-stroke-sm: 1.25;
+$icon-stroke-md: 1.5;
+$icon-stroke-lg: 2;
+$icon-stroke-xl: 2.5;
+$bd-c: #E8EDED;
+$bd-strong-c: #A0B0B0;
+$bd: "1px solid #E8EDED";
+$bd-strong: "1px solid #A0B0B0";
+$field-border: #6E8585;
+$focus-ring: "0 0 0 3px #E0F7F7,0 0 0 5px #007575";
+$focus-aa: "0 0 0 2px #FFFFFF,0 0 0 4px #007575";
+
+// Dark-Mode-Overrides (zur Laufzeit via [data-theme="dark"]):
+$conciso-dark: (
+  "bg-page": #151A1F,
+  "bg-surface": #28323D,
+  "bg-overlay": rgba(0,190,190,.10),
+  "bg-code": #07090C,
+  "bg-surface-hover": #2E3B46,
+  "bg-plate": #E8EDED,
+  "tx-brand": #C4D8D8,
+  "tx-primary": #DDE9E9,
+  "tx-secondary": #A6C6C6,
+  "tx-muted": #93B6B6,
+  "n-50": #0B0F11,
+  "n-100": #1E262E,
+  "bd-c": #6F7A89,
+  "bd-strong-c": #8694A5,
+  "bd": "1px solid #6F7A89",
+  "bd-strong": "1px solid #8694A5",
+  "field-border": #869C9C,
+  "focus-ring": "0 0 0 3px #151A1F,0 0 0 5px #00BEBE",
+  "focus-aa": "0 0 0 2px #151A1F,0 0 0 4px #00BEBE",
+  "e1": "0 1px 2px rgba(0,0,0,.60),0 1px 3px 1px rgba(0,0,0,.40)",
+  "e2": "0 1px 2px rgba(0,0,0,.60),0 2px 6px 2px rgba(0,0,0,.40)",
+  "e3": "0 1px 3px rgba(0,0,0,.60),0 4px 8px 3px rgba(0,0,0,.40)",
+  "e4": "0 2px 3px rgba(0,0,0,.70),0 6px 10px 4px rgba(0,0,0,.40)",
+  "e5": "0 4px 4px rgba(0,0,0,.70),0 8px 12px 6px rgba(0,0,0,.40)",
+  "c-success-bg": #1F573B,
+  "c-warning-bg": #5F4B1E,
+  "c-error-bg": #882725,
+  "c-success": #5CE8A0,
+  "c-warning": #F0C060,
+  "c-error": #FFA5A5,
+  "co-50": #134C47,
+  "ki-50": #384912,
+  "wo-50": #144E1F,
+  "es-50": #253C92,
+  "ro-50": #7E1F37,
+  "co-band": #092321,
+  "ki-band": #1A2208,
+  "wo-band": #09240E,
+  "es-band": #111C44,
+  "co-fill": #1F5651,
+  "ki-fill": #43531C,
+  "es-fill": #34469D,
+  "wo-fill": #205828,
+  "co-ink": #80DEDE,
+  "ki-ink": #D6F06D,
+  "es-ink": #C8D9F5,
+  "wo-ink": #A3D48E,
+  "badge-ok-text": #5CE8A0,
+  "badge-warn-text": #F0C060,
+  "badge-err-text": #FFA5A5,
+  "badge-neu-bg": #404F5D,
+  "badge-neu-text": #C4D8D8,
+  "cbadge-aa-bg": #134D31,
+  "cbadge-aa-text": #5CE8A0,
+  "cbadge-aaa-bg": #194864,
+  "cbadge-aaa-text": #70C8F0,
+  "cbadge-fail-bg": #802020,
+  "cbadge-fail-text": #FFA5A5
+);