@24vlh/vds 0.1.0

package/dist/core.min.css

@@ -0,0 +1 @@
+:root{--font-family-sans:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-mono:"JetBrains Mono","SF Mono",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--text-xxxs:0.65rem;--text-xxs:0.75rem;--text-xs:0.8125rem;--text-sm:0.875rem;--text-base:1rem;--text-md:1.0625rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3.25rem;--line-height-xs-tight:0.5;--line-height-tight:1.1;--line-height-xl-tight:1.2;--line-height-snug:1.25;--line-height-normal:1.5;--line-height-relaxed:1.7;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--letter-tight:-0.015em;--letter-normal:0;--letter-loose:0.015em;--footnote-font-size:var(--text-xs);--space-0:0;--space-0_5:0.125rem;--space-1:0.25rem;--space-1_5:0.375rem;--space-2:0.5rem;--space-2_5:0.625rem;--space-3:0.75rem;--space-3_5:0.875rem;--space-4:1rem;--space-5:1.25rem;--space-5_5:1.3125rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--space-36:9rem;--space-40:10rem;--space-44:11rem;--space-48:12rem;--space-64:16rem;--section-spacing-xs:var(--space-6);--section-spacing-sm:var(--space-8);--section-spacing-md:var(--space-12);--section-spacing-lg:var(--space-16);--section-spacing-xl:var(--space-20);--gap-xs:var(--space-2);--gap-sm:var(--space-3);--gap-md:var(--space-6);--gap-lg:var(--space-8);--gap-xl:var(--space-12);--component-gap-xs:var(--space-2);--component-gap-sm:var(--space-3);--component-gap-md:var(--space-4);--component-gap-lg:var(--space-6);--component-gap-xl:var(--space-10);--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:18px;--radius-full:999px;--radius-pill:9999px;--border-width:1px;--border-width-strong:3px;--tab-indicator-height:2px;--shadow-xs:0 1px 2px rgba(0,0,0,.05);--shadow-sm:0 1px 3px rgba(0,0,0,.1);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.15);--shadow-xl:0 20px 25px rgba(0,0,0,.2);--layout-max-width:80rem;--content-width-sm:640px;--content-width-md:768px;--content-width-lg:1024px;--content-width-xl:1200px;--content-width-2xl:1440px;--sidebar-width-md:280px;--grid-min:16rem;--icon-xxs:1rem;--icon-xs:1.15rem;--icon-sm:1.25rem;--icon-md:1.35rem;--icon-lg:1.75rem;--icon-xl:2.25rem;--icon-container-sm:1.75rem;--icon-container-md:2.25rem;--icon-container-lg:3rem;--icon-container-xl:3.75rem;--icon-stroke-thin:1.25;--icon-stroke-regular:1.75;--icon-stroke-bold:2.25;--avatar-size-sm:var(--space-7);--avatar-size-md:var(--space-10);--avatar-size-lg:var(--space-16);--avatar-status-size:var(--space-2);--transition-fast:120ms ease-out;--transition-normal:180ms ease-out;--transition-slow:260ms ease-out;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.32,0,0.67,0);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--motion-none:0ms;--z-negative:-1;--z-base:0;--z-header:10;--z-backdrop:80;--z-modal:90;--z-drawer:95;--z-toast:100;--z-tooltip:110;--z-sticky:40;--z-sticky-col:39;--focus-ring-width:2px;--focus-ring-offset:2px}a{--link-underline-thickness:2px}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1,"clig" 1,"calt" 1;box-sizing:border-box;line-height:1.5;line-height:var(--line-height-normal)}*,:after,:before{box-sizing:inherit;min-width:0}*{-webkit-box-decoration-break:clone;box-decoration-break:clone;scrollbar-color:var(--color-border-subtle) transparent;scrollbar-width:thin}body{background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont;font-family:var(--font-family-sans),sans-serif;font-size:1rem;font-size:var(--text-base);margin:0;min-height:100vh;text-rendering:optimizeLegibility}canvas,img,picture,svg,video{display:block;max-width:100%}img{height:auto}button,input,select,textarea{color:inherit;font:inherit;margin:0}button{background:none;border:none;padding:0}[role=button],button,input[type=button],input[type=submit]{cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=search]{-webkit-appearance:none;outline-offset:-2px}textarea{resize:vertical}input,select,textarea{line-height:inherit}fieldset{border:0;margin:0}fieldset,legend{padding:0}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}h1,h2,h3,h4,h5,h6{color:inherit;padding:0}blockquote,figure,ol,p,ul{padding:0}ol,ul{padding-left:1.5rem;padding-left:var(--space-6)}ol ol,ol ul,ul ol,ul ul{margin:0;padding-left:1rem;padding-left:var(--space-4)}b,strong{font-weight:700;font-weight:var(--font-weight-bold)}hr{border:none;border-top:var(--border-width) solid var(--color-border-subtle);margin:1.5rem 0;margin:var(--space-6) 0}a{color:var(--link-text);-webkit-text-decoration:none;text-decoration:none;transition:color .18s ease-out;transition:color var(--transition-normal)}a:hover{-webkit-text-decoration-skip:ink;color:var(--link-text-hover);-webkit-text-decoration:underline;text-decoration:underline;text-decoration-skip-ink:auto;text-decoration-thickness:1px;text-decoration-thickness:var(--link-underline-thickness,1px)}a:active{color:var(--link-text-active)}table{border-collapse:collapse;width:100%}:focus{outline:2px solid var(--focus-ring-color);outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;outline-offset:var(--focus-ring-offset)}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--focus-ring-color);outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;outline-offset:var(--focus-ring-offset)}::-moz-selection{background:var(--color-selection-bg);color:var(--color-selection-text)}::selection{background:var(--color-selection-bg);color:var(--color-selection-text)}@media (prefers-reduced-motion:reduce){:root{--transition-fast:var(--motion-none);--transition-normal:var(--motion-none);--transition-slow:var(--motion-none);--ease-out:linear;--ease-in:linear;--ease-in-out:linear}*{animation-duration:0ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:0ms!important}html{scroll-behavior:auto}}@media (forced-colors:active){*{forced-color-adjust:none}}body,html{width:100%}body{display:flex;flex-direction:column}main{flex:1 0 auto}footer{flex-shrink:0}code,pre{font-family:JetBrains Mono,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace,monospace;font-family:var(--font-family-mono),monospace;font-size:.875em}pre{background:var(--code-bg);border:1px solid var(--code-border);color:var(--color-text);overflow:auto;white-space:pre-wrap;word-break:break-word}code,pre{-moz-tab-size:4;-o-tab-size:4;tab-size:4}kbd,samp{font-family:JetBrains Mono,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace,monospace;font-family:var(--font-family-mono),monospace}#__next,#__nuxt,#app,#root,.app-root,[data-app-root],[data-spa-root],[qwik-root],app-root,astro-root,svelte-root{display:flex;flex-direction:column;min-height:100vh;width:100%}header.page-header{position:relative;width:100%;z-index:10;z-index:var(--z-header)}main.page-content{flex:1 0 auto;width:100%}footer.page-footer{position:relative;width:100%;z-index:0;z-index:var(--z-base)}.content-header{width:100%}.content-body{flex:1 1 auto;min-height:0;width:100%}.content-footer{flex-shrink:0;width:100%}.container{max-width:1200px;max-width:var(--content-width-xl)}.container,.container-wide{margin-left:auto;margin-right:auto;padding-left:1rem;padding-left:var(--space-4);padding-right:1rem;padding-right:var(--space-4);width:100%}.container-wide{max-width:1440px;max-width:var(--content-width-2xl)}.container-narrow{max-width:1024px;max-width:var(--content-width-lg)}.container-narrow,.container-tight{margin-left:auto;margin-right:auto;padding-left:1rem;padding-left:var(--space-4);padding-right:1rem;padding-right:var(--space-4);width:100%}.container-tight{max-width:768px;max-width:var(--content-width-md)}.container-relaxed{margin-left:auto;margin-right:auto;max-width:90ch;padding-left:1rem;padding-left:var(--space-4);padding-right:1rem;padding-right:var(--space-4);width:100%}@media (max-width:768px){.container,.container-narrow,.container-relaxed,.container-tight,.container-wide{padding-left:.75rem;padding-left:var(--space-3);padding-right:.75rem;padding-right:var(--space-3)}}.full-bleed{margin-left:0;margin-right:0;padding-left:0;padding-right:0;width:100%}.section-bleed{margin-left:-1rem;margin-left:calc(var(--space-4)*-1);margin-right:-1rem;margin-right:calc(var(--space-4)*-1)}@media (max-width:768px){.section-bleed{margin-left:-.75rem;margin-left:calc(var(--space-3)*-1);margin-right:-.75rem;margin-right:calc(var(--space-3)*-1)}}.section-none{padding-bottom:0;padding-top:0}.section-xs{padding-bottom:1.5rem;padding-bottom:var(--section-spacing-xs);padding-top:1.5rem;padding-top:var(--section-spacing-xs)}.section-sm{padding-bottom:2rem;padding-bottom:var(--section-spacing-sm);padding-top:2rem;padding-top:var(--section-spacing-sm)}.section{padding-bottom:3rem;padding-bottom:var(--section-spacing-md);padding-top:3rem;padding-top:var(--section-spacing-md)}.section-lg{padding-bottom:4rem;padding-bottom:var(--section-spacing-lg);padding-top:4rem;padding-top:var(--section-spacing-lg)}.section-xl{padding-bottom:5rem;padding-bottom:var(--section-spacing-xl);padding-top:5rem;padding-top:var(--section-spacing-xl)}.layout-grid-auto{grid-gap:2rem;grid-gap:var(--gap-lg);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));grid-template-columns:repeat(auto-fit,minmax(var(--grid-min),1fr))}.layout-grid-2,.layout-grid-auto{display:grid;gap:2rem;gap:var(--gap-lg)}.layout-grid-2{grid-gap:2rem;grid-gap:var(--gap-lg);grid-template-columns:repeat(2,1fr)}.layout-grid-3{grid-gap:2rem;grid-gap:var(--gap-lg);grid-template-columns:repeat(3,1fr)}.layout-grid-3,.layout-grid-4{display:grid;gap:2rem;gap:var(--gap-lg)}.layout-grid-4{grid-gap:2rem;grid-gap:var(--gap-lg);grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.layout-grid-2,.layout-grid-3,.layout-grid-4{grid-template-columns:1fr}}.sidebar-layout{grid-gap:2rem;grid-gap:var(--gap-lg);grid-template-columns:280px 1fr;grid-template-columns:var(--sidebar-width-md) 1fr}.sidebar-layout,.sidebar-layout-right{display:grid;gap:2rem;gap:var(--gap-lg)}.sidebar-layout-right{grid-gap:2rem;grid-gap:var(--gap-lg);grid-template-columns:1fr 280px;grid-template-columns:1fr var(--sidebar-width-md)}@media (max-width:1024px){.sidebar-layout,.sidebar-layout-right{grid-template-columns:1fr}}.split,.split-reverse{grid-gap:2rem;grid-gap:var(--gap-lg);display:grid;gap:2rem;gap:var(--gap-lg);grid-template-columns:1fr 1fr}.split-reverse>:first-child{order:2}.split-reverse>:last-child{order:1}@media (max-width:768px){.split,.split-reverse{grid-template-columns:1fr}}@media (min-width:769px){.split-reverse>*{order:0}}

package/dist/identity.css

@@ -0,0 +1,266 @@
+/************************************************************
+ * VLAH DESIGN SYSTEM (VDS) - Identity / Logo System
+ *
+ *  Responsibilities:
+ *    - Define the full SVG logo architecture (frame, rail, chevron, wordmark)
+ *    - Provide identity-level tokens: stroke weights, clearspace, minimum sizes,
+ *      letter-spacing, and size presets (XS–XXL)
+ *    - Implement color modes: ink, accent, mono, footer, inverse
+ *    - Support layout modes: horizontal, mark-only, inline/block alignment,
+ *      centering, left/right justification
+ *    - Ensure consistent visual behaviour for inline SVG logo components
+ *
+ *  System Notes:
+ *    - Themes must declare the full identity token set:
+ *        --color-logo-ink, --color-logo-accent, --color-logo-mono,
+ *        --color-logo-footer-ink, --color-logo-footer-accent,
+ *        --color-logo-ink-inverse, --color-logo-accent-inverse
+ *    - 100% token-driven: stroke, fill, sizes, spacing
+ *    - Pure CSS; no JS behaviour or measurement logic
+ *    - Works with inline SVG only; external <img> identity assets
+ *      must use static variants and cannot inherit these rules
+ ************************************************************/
+
+/* ---------------------------------------------------------
+   1. ROOT IDENTITY TOKEN DEFINITIONS
+--------------------------------------------------------- */
+
+[data-vds-identity],
+.vds-identity {
+    --logo-stroke-primary: 2.75;
+    --logo-clearspace: 0.5;
+    --logo-min-horizontal: 24px;
+    --logo-min-mark: 16px;
+    --logo-primary-letter-spacing: 0.18em;
+    --logo-secondary-letter-spacing: 0.30em;
+    --logo-size-xs: 2.5rem;
+    --logo-size-sm: 3rem;
+    --logo-size-md: 3.75rem;
+    --logo-size-lg: 4.5rem;
+    --logo-size-xl: 5.5rem;
+    --logo-size-xxl: 6.5rem;
+    --logo-doc-height: 2.25rem;
+}
+
+/* ---------------------------------------------------------
+   2. BASE LOGO ARCHITECTURE
+   Targeting inline SVG: <svg class="logo ...>
+--------------------------------------------------------- */
+
+.logo {
+    display: inline-block;
+    line-height: 1;
+    vertical-align: middle;
+    font-size: 1rem;
+    padding: calc(var(--logo-clearspace) * 1em);
+    color: currentColor;
+    color: var(--color-logo-ink, currentColor);
+    height: var(--logo-size-sm);
+    width: auto;
+    overflow: visible;
+}
+
+.logo-wordmark {
+    fill: currentColor;
+    fill: var(--color-logo-ink, currentColor);
+}
+
+.logo-frame,
+.logo-rail,
+.logo-chevron {
+    fill: none !important;
+}
+
+.logo-frame,
+.logo-rail,
+.logo-chevron {
+    stroke-width: var(--logo-stroke-primary);
+    stroke-linecap: round;
+    stroke-linejoin: round;
+    vector-effect: non-scaling-stroke;
+}
+
+.logo-frame,
+.logo-rail {
+    stroke: currentColor;
+    stroke: var(--color-logo-ink, currentColor);
+}
+
+.logo-chevron {
+    stroke: currentColor;
+    stroke: var(--color-logo-accent, currentColor);
+}
+
+.logo-text-primary {
+    font-size: var(--text-sm);
+    letter-spacing: var(--logo-primary-letter-spacing);
+}
+
+.logo-text-secondary {
+    font-size: var(--text-xxxs);
+    letter-spacing: var(--logo-secondary-letter-spacing);
+}
+
+.logo-text-primary,
+.logo-text-secondary {
+    fill: currentColor;
+    fill: var(--color-logo-ink, currentColor);
+    font-family: var(--font-family-sans), sans-serif;
+}
+
+/* ---------------------------------------------------------
+   3. VARIANTS
+--------------------------------------------------------- */
+
+.logo--mono .logo-frame,
+.logo--mono .logo-rail,
+.logo--mono .logo-chevron {
+    stroke: var(--color-logo-mono) !important;
+}
+
+.logo--mono .logo-wordmark,
+.logo--mono .logo-text-primary,
+.logo--mono .logo-text-secondary {
+    fill: var(--color-logo-ink) !important;
+    stroke: none !important;
+}
+
+.logo--footer {
+    color: var(--color-logo-footer-ink);
+}
+
+.logo--footer .logo-frame,
+.logo--footer .logo-rail {
+    stroke: var(--color-logo-footer-ink);
+}
+
+.logo--footer .logo-chevron {
+    stroke: var(--color-logo-footer-accent);
+}
+
+.logo--footer .logo-wordmark,
+.logo--footer .logo-text-primary,
+.logo--footer .logo-text-secondary {
+    fill: var(--color-logo-footer-ink);
+}
+
+.logo--inverse .logo-frame,
+.logo--inverse .logo-rail {
+    stroke: var(--color-logo-ink-inverse) !important;
+}
+
+.logo--inverse .logo-chevron {
+    stroke: var(--color-logo-accent-inverse) !important;
+}
+
+.logo--inverse .logo-wordmark,
+.logo--inverse .logo-text-primary,
+.logo--inverse .logo-text-secondary {
+    fill: var(--color-logo-ink-inverse) !important;
+    stroke: none !important;
+}
+
+/* ---------------------------------------------------------
+   4. SIZING & LAYOUT
+--------------------------------------------------------- */
+
+.logo--horizontal {
+    min-height: var(--logo-min-horizontal);
+}
+
+.logo--mark-only {
+    min-height: var(--logo-min-mark);
+}
+
+.logo--xs {
+    height: var(--logo-size-xs);
+}
+
+.logo--sm {
+    height: var(--logo-size-sm);
+}
+
+.logo--md {
+    height: var(--logo-size-md);
+}
+
+.logo--lg {
+    height: var(--logo-size-lg);
+}
+
+.logo--xl {
+    height: var(--logo-size-xl);
+}
+
+.logo--xxl {
+    height: var(--logo-size-xxl);
+}
+
+.logo--inline {
+    display: inline-flex;
+    align-items: center;
+}
+
+.logo--block {
+    display: flex;
+    align-items: center;
+}
+
+.logo--center {
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.logo--left {
+    justify-content: flex-start;
+}
+
+.logo--right {
+    justify-content: flex-end;
+}
+
+/* ---------------------------------------------------------
+   5. LOGO COLOR MODE UTILITIES
+--------------------------------------------------------- */
+
+.logo--ink svg .logo-frame,
+.logo--ink svg .logo-rail {
+    stroke: var(--color-logo-ink);
+}
+
+.logo--ink svg .logo-chevron {
+    stroke: var(--color-logo-accent);
+}
+
+.logo--inverse svg .logo-frame,
+.logo--inverse svg .logo-rail {
+    stroke: var(--color-logo-ink-inverse);
+}
+
+.logo--inverse svg .logo-chevron {
+    stroke: var(--color-logo-accent-inverse);
+}
+
+/* ---------------------------------------------------------
+   6. LOGO CLEAR SPACE UTILITIES
+--------------------------------------------------------- */
+
+.logo--pad-xs {
+    padding: var(--space-2);
+}
+
+.logo--pad-sm {
+    padding: var(--space-3);
+}
+
+.logo--pad-md {
+    padding: var(--space-4);
+}
+
+.logo--pad-lg {
+    padding: var(--space-6);
+}
+
+.logo--pad-xl {
+    padding: var(--space-8);
+}

package/dist/identity.min.css

@@ -0,0 +1 @@
+.vds-identity,[data-vds-identity]{--logo-stroke-primary:2.75;--logo-clearspace:0.5;--logo-min-horizontal:24px;--logo-min-mark:16px;--logo-primary-letter-spacing:0.18em;--logo-secondary-letter-spacing:0.30em;--logo-size-xs:2.5rem;--logo-size-sm:3rem;--logo-size-md:3.75rem;--logo-size-lg:4.5rem;--logo-size-xl:5.5rem;--logo-size-xxl:6.5rem;--logo-doc-height:2.25rem}.logo{color:currentColor;color:var(--color-logo-ink,currentColor);display:inline-block;font-size:1rem;height:var(--logo-size-sm);line-height:1;overflow:visible;padding:calc(var(--logo-clearspace)*1em);vertical-align:middle;width:auto}.logo-wordmark{fill:currentColor;fill:var(--color-logo-ink,currentColor)}.logo-chevron,.logo-frame,.logo-rail{fill:none!important;stroke-width:var(--logo-stroke-primary);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.logo-frame,.logo-rail{stroke:currentColor;stroke:var(--color-logo-ink,currentColor)}.logo-chevron{stroke:currentColor;stroke:var(--color-logo-accent,currentColor)}.logo-text-primary{font-size:var(--text-sm);letter-spacing:var(--logo-primary-letter-spacing)}.logo-text-secondary{font-size:var(--text-xxxs);letter-spacing:var(--logo-secondary-letter-spacing)}.logo-text-primary,.logo-text-secondary{fill:currentColor;fill:var(--color-logo-ink,currentColor);font-family:var(--font-family-sans),sans-serif}.logo--mono .logo-chevron,.logo--mono .logo-frame,.logo--mono .logo-rail{stroke:var(--color-logo-mono)!important}.logo--mono .logo-text-primary,.logo--mono .logo-text-secondary,.logo--mono .logo-wordmark{fill:var(--color-logo-ink)!important;stroke:none!important}.logo--footer{color:var(--color-logo-footer-ink)}.logo--footer .logo-frame,.logo--footer .logo-rail{stroke:var(--color-logo-footer-ink)}.logo--footer .logo-chevron{stroke:var(--color-logo-footer-accent)}.logo--footer .logo-text-primary,.logo--footer .logo-text-secondary,.logo--footer .logo-wordmark{fill:var(--color-logo-footer-ink)}.logo--inverse .logo-frame,.logo--inverse .logo-rail{stroke:var(--color-logo-ink-inverse)!important}.logo--inverse .logo-chevron{stroke:var(--color-logo-accent-inverse)!important}.logo--inverse .logo-text-primary,.logo--inverse .logo-text-secondary,.logo--inverse .logo-wordmark{fill:var(--color-logo-ink-inverse)!important;stroke:none!important}.logo--horizontal{min-height:var(--logo-min-horizontal)}.logo--mark-only{min-height:var(--logo-min-mark)}.logo--xs{height:var(--logo-size-xs)}.logo--sm{height:var(--logo-size-sm)}.logo--md{height:var(--logo-size-md)}.logo--lg{height:var(--logo-size-lg)}.logo--xl{height:var(--logo-size-xl)}.logo--xxl{height:var(--logo-size-xxl)}.logo--inline{align-items:center;display:inline-flex}.logo--block{align-items:center;display:flex}.logo--center{margin-left:auto;margin-right:auto}.logo--left{justify-content:flex-start}.logo--right{justify-content:flex-end}.logo--ink svg .logo-frame,.logo--ink svg .logo-rail{stroke:var(--color-logo-ink)}.logo--ink svg .logo-chevron{stroke:var(--color-logo-accent)}.logo--inverse svg .logo-frame,.logo--inverse svg .logo-rail{stroke:var(--color-logo-ink-inverse)}.logo--inverse svg .logo-chevron{stroke:var(--color-logo-accent-inverse)}.logo--pad-xs{padding:var(--space-2)}.logo--pad-sm{padding:var(--space-3)}.logo--pad-md{padding:var(--space-4)}.logo--pad-lg{padding:var(--space-6)}.logo--pad-xl{padding:var(--space-8)}