@charset "UTF-8";.palette>.group{margin-bottom:1.875rem}.palette>.group:last-child{margin-bottom:0}.palette>.group>.title{margin-bottom:.375rem;font-family:var(--text--font-family--body);font-weight:var(--text--font-weight--display);font-size:var(--text--font-size--eyebrow);letter-spacing:var(--text--letter-spacing--eyebrow);text-transform:uppercase;color:var(--text--color--meta)}.palette>.group>.note{max-width:70ch;margin-bottom:1rem;font-family:var(--text--font-family--body);font-size:.90625rem;color:var(--text--color--meta)}.palette>.group>.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.25rem,1fr));gap:1rem}.swatch{--border-swatch: rgba(32, 70, 59, .14);display:flex;flex-direction:column;gap:.5rem}.swatch>.sample{height:4rem;border:var(--border--width--line) var(--border--style--line) var(--border-swatch);border-radius:.875rem;background:var(--sample)}.swatch>.name{font-family:var(--text--font-family--display);font-weight:var(--text--font-weight--display);font-size:.84375rem;color:var(--text--color--display)}.swatch>.token{margin-top:.125rem;font-family:var(--font-family-monospace);font-size:.71875rem;color:var(--text--color--meta)}.swatch>.value{font-family:var(--font-family-monospace);font-size:.71875rem;color:var(--text--color--inactive)}.ramp{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));gap:.625rem}.ramp>.step{--border-swatch: rgba(32, 70, 59, .14)}.ramp>.step>.sample{height:3rem;border:var(--border--width--line) var(--border--style--line) var(--border-swatch);border-radius:.625rem;background:var(--sample)}.ramp>.step>.token{margin-top:.375rem;font-family:var(--font-family-monospace);font-size:var(--text--font-size--eyebrow);color:var(--text--color--meta)}.token-roles>.group{margin-bottom:1.125rem;padding:1.875rem 2rem;border:var(--surface--border-width--container) var(--surface--border-style--container) var(--surface--border--container);border-radius:var(--surface--radius--container);background:var(--surface--color--container)}.token-roles>.group:last-child{margin-bottom:0}.token-roles>.group>.title{font-family:var(--text--font-family--display);font-weight:var(--text--font-weight--display);font-size:1.125rem;color:var(--text--color--display)}.token-roles>.group>.note{max-width:70ch;margin:.3125rem 0 1.25rem;font-family:var(--text--font-family--body);font-size:.90625rem;color:var(--text--color--meta)}.token-roles .token{font-family:var(--font-family-monospace);font-size:.71875rem;color:var(--text--color--inactive)}.token-roles .dot{--border-role-dot: rgba(32, 70, 59, .24);display:inline-block;width:.875rem;height:.875rem;margin-right:.5rem;vertical-align:middle;border:var(--border--width--line) var(--border--style--line) var(--border-role-dot);border-radius:.375rem;background:var(--sample)}.token-roles .value{color:var(--text--color--inactive)}.type-families{display:grid;grid-template-columns:repeat(auto-fit,minmax(17.5rem,1fr));gap:1.125rem}.type-families>.family{padding:2.125rem;border:var(--surface--border-width--container) var(--surface--border-style--container) var(--surface--border--container);border-radius:var(--surface--radius--container);background:var(--surface--color--container)}.type-families>.family>.sample{font-size:3.75rem;line-height:1;color:var(--text--color--display)}.type-families>.family>.name{margin-top:1rem;font-family:var(--text--font-family--display);font-weight:var(--text--font-weight--display);font-size:1.375rem;color:var(--text--color--display)}.type-families>.family>.use{margin-top:.125rem;font-family:var(--text--font-family--body);font-size:.875rem;color:var(--text--color--meta)}.type-families>.family>.weights{margin-top:.75rem;font-family:var(--text--font-family--body);font-size:.8125rem;color:var(--text--color--meta)}.type-families>.family.heading>.sample{font-family:var(--text--font-family--display);font-weight:var(--text--font-weight--display);letter-spacing:var(--text--letter-spacing--display)}.type-families>.family.body>.sample{font-family:var(--text--font-family--body);font-weight:600}.type-scale{padding:.375rem 2.125rem;border:var(--surface--border-width--container) var(--surface--border-style--container) var(--surface--border--container);border-radius:var(--surface--radius--container);background:var(--surface--color--container)}.type-scale>.row{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;padding:1.125rem 0;border-bottom:var(--border--width--line) var(--border--style--line) var(--border--color--divider)}.type-scale>.row:last-child{border-bottom:none}.type-scale>.row>.sample{font-size:var(--sample-size);line-height:1.2;color:var(--text--color--display)}.type-scale>.row>.sample.heading{font-family:var(--text--font-family--display);font-weight:var(--text--font-weight--display)}.type-scale>.row>.sample.body{font-family:var(--text--font-family--body);font-weight:var(--text--font-weight--body)}.type-scale>.row>.spec{flex:none;font-family:var(--font-family-monospace);font-size:.78125rem;text-align:right;color:var(--text--color--meta)}.icon-set{display:flex;flex-wrap:wrap;gap:2.125rem;padding:2.5rem;border:var(--surface--border-width--container) var(--surface--border-style--container) var(--surface--border--container);border-radius:var(--surface--radius--container);background:var(--surface--color--container)}.icon-set>.icon{width:6.5rem;text-align:center}.icon-set>.icon>.mark{position:relative;display:inline-flex;align-items:center;justify-content:center;width:3.625rem;height:3.625rem}.icon-set>.icon>.mark>img{width:2.375rem;height:2.375rem;object-fit:contain}.icon-set>.icon>.mark>.dark{position:absolute;display:none}.icon-set>.icon>.label{margin-top:.625rem;font-family:var(--text--font-family--body);font-size:.8125rem;color:var(--text--color--meta)}.surface-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.875rem}.surface-list>.surface{padding:1.5rem;border-radius:var(--surface--radius--container)}.surface-list>.surface>.name{font-family:var(--text--font-family--display);font-weight:var(--text--font-weight--display);font-size:1.125rem;color:var(--text--color--display)}.surface-list>.surface>.use{margin-top:.5rem;font-size:.9375rem;line-height:1.5;color:var(--text--color--body)}.surface-tokens{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.875rem}.surface-tokens>.column{padding:1.25rem;border-radius:var(--surface--radius--container)}.surface-tokens>.column>.title{margin-bottom:.875rem;font-family:var(--text--font-family--display);font-weight:var(--text--font-weight--display);font-size:1rem;color:var(--text--color--display)}.surface-tokens>.column>.row{display:flex;align-items:center;gap:.75rem;margin-bottom:.625rem}.surface-tokens>.column>.row>.sample{display:flex;flex:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.625rem}.surface-tokens>.column>.row>.sample.surface{background:var(--sample)}.surface-tokens>.column>.row>.sample.text{font-family:var(--text--font-family--display);font-weight:var(--text--font-weight--display);color:var(--sample)}.surface-tokens>.column>.row>.sample.border{border:2px var(--border--style--line) var(--sample)}.surface-tokens>.column>.row>.meta>.name{font-family:var(--text--font-family--display);font-weight:var(--text--font-weight--display);font-size:.8125rem;color:var(--text--color--display)}.surface-tokens>.column>.row>.meta>.token{margin-top:.125rem;font-family:var(--font-family-monospace);font-size:.6875rem;color:var(--text--color--meta)}.logo-demo{display:flex;align-items:center;justify-content:center;padding:2.75rem;color:var(--text--color--display);border-radius:var(--surface--radius--container)}.logo-demo>vadavo-logo{width:10.625rem}.logo-demo.on-surface{background:var(--surface--color--container)}:root[data-theme=dark] .swatch,:root[data-theme=dark] .ramp>.step{--border-swatch: rgba(200, 230, 218, .18)}:root[data-theme=dark] .token-roles .dot{--border-role-dot: rgba(200, 230, 218, .3)}:root[data-theme=dark] .icon-set .light{display:none}:root[data-theme=dark] .icon-set .dark{display:block}:root{--font-family-monospace: ui-monospace, SFMono-Regular, Menlo, monospace}vadavo-shell.doc-shell-page{--shell--size--reading-width: 1328px;--shell--padding--reading: 4rem 3.5rem}@media(max-width:767px){vadavo-shell.doc-shell-page{--shell--padding--reading: 2.5rem 1.5rem}}.page-eyebrow{margin-bottom:.75rem}.doc-example{--shadow-doc-example: var(--elevation--shadow--raised);margin-bottom:1.5em;padding:1.5em;border:var(--surface--border-width--container) var(--surface--border-style--container) var(--surface--border--container);border-radius:var(--surface--radius--container);background:var(--surface--color--container);box-shadow:var(--shadow-doc-example)}.doc-example>hr{--border-example-divider: rgba(32, 70, 59, .2);margin:1.5em 0;background-color:var(--border-example-divider)}:root[data-theme=dark] .doc-example>hr{--border-example-divider: rgba(200, 230, 218, .25)}.doc-table{overflow-x:auto;border:var(--surface--border-width--container) var(--surface--border-style--container) var(--surface--border--container);border-radius:var(--surface--radius--container);background:var(--surface--color--container)}.under-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;width:100%;font-family:var(--text--font-family--body);font-size:var(--text--font-size--caption)}.under-line>ul{display:flex;flex-wrap:wrap;gap:1rem;margin:0;padding:0;list-style:none}.under-line a{color:var(--text--color--navigation)}.under-line a:hover{color:var(--text--color--link-hover)}.company-name{color:var(--text--color--meta)}.theme-toggle{display:inline-flex;align-items:center;height:var(--control--height--compact);gap:.125rem;padding:.125rem;border:var(--border--width--line) var(--border--style--line) var(--border--color--rest);border-radius:var(--control--radius--pill)}.theme-toggle>button{padding:.3125rem .625rem;font-family:var(--text--font-family--body);font-weight:700;font-size:.625rem;letter-spacing:var(--text--letter-spacing--eyebrow);text-transform:uppercase;color:var(--text--color--meta);border:none;border-radius:var(--control--radius--pill);background:none;cursor:pointer;transition:color var(--motion--transition--feedback),background var(--motion--transition--feedback)}.theme-toggle>button[data-selected]{color:var(--selection--color--current-text);background:var(--selection--background--current)}pre.astro-code{padding:.7em;border:var(--code--border-width--snippet) var(--code--border-style--snippet) var(--code--border--snippet);color:var(--shiki-light);background-color:var(--shiki-light-bg)}pre.astro-code span{color:var(--shiki-light)}pre.astro-code code{padding:initial;border:initial;background-color:initial}:root[data-theme=dark] pre.astro-code{color:var(--shiki-dark);background-color:var(--code--background--snippet)}:root[data-theme=dark] pre.astro-code span{color:var(--shiki-dark)}