:root[data-sanad-theme="structural"] {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --size-target: 44px;
  --size-control: 48px;
  --layer-base: 0;
  --layer-raised: 1;
  --layer-sticky: 300;
  --layer-overlay: 310;
  --layer-modal: 320;
  --layer-notification: 330;
  --icon-size-small: 16px;
  --icon-size-medium: 22px;
  --icon-size-large: 24px;
  --icon-size-xlarge: 32px;
  --icon-stroke: 1.7px;
  --breakpoint-regular: 600px;
  --breakpoint-wide: 860px;
  --container-reading: 760px;
  --container-content: 1240px;
  --container-wide: 1440px;
  --shape-surface: 24px;
  --shape-control: 14px;
  --shape-input: 14px;
  --shape-card: 24px;
  --shape-dialog: 24px;
  --shape-floating: 24px;
  --shape-avatar: 999px;
  --shape-chip: 999px;
  --shape-status: 4px;
  --stroke-hairline: 1px;
  --stroke-regular: 1.5px;
  --stroke-strong: 2px;
  --stroke-focus: 2px;
  --motion-duration-short: 150ms;
  --motion-duration-medium: 180ms;
  --motion-duration-long: 220ms;
  --motion-easing-standard: cubic-bezier(0.16, 1, 0.3, 1);
  --motion-easing-enter: cubic-bezier(0, 0, 0.58, 1);
  --motion-easing-exit: cubic-bezier(0.42, 0, 1, 1);
  --motion-distance-short: 4px;
  --motion-distance-medium: 8px;
  --motion-distance-long: 16px;
  --motion-entrance: 180ms cubic-bezier(0, 0, 0.58, 1) 0ms;
  --motion-exit: 150ms cubic-bezier(0.42, 0, 1, 1) 0ms;
  --motion-reorder: 180ms cubic-bezier(0.16, 1, 0.3, 1) 0ms;
  --motion-expand: 180ms cubic-bezier(0.16, 1, 0.3, 1) 0ms;
  --motion-collapse: 150ms cubic-bezier(0.16, 1, 0.3, 1) 0ms;
  --motion-progress: 220ms cubic-bezier(0.16, 1, 0.3, 1) 0ms;
  --motion-emphasis: 150ms cubic-bezier(0.16, 1, 0.3, 1) 0ms;
  --type-display-font-family: "SiteBrand", "Camel", sans-serif;
  --type-display-font-size: 3rem;
  --type-display-font-weight: 800;
  --type-display-letter-spacing: 0px;
  --type-display-line-height: 1.4;
  --type-heading-1-font-family: "SiteBrand", "Camel", sans-serif;
  --type-heading-1-font-size: 2.25rem;
  --type-heading-1-font-weight: 500;
  --type-heading-1-letter-spacing: 0px;
  --type-heading-1-line-height: 1.4;
  --type-heading-2-font-family: "SiteBrand", "Camel", sans-serif;
  --type-heading-2-font-size: 1.75rem;
  --type-heading-2-font-weight: 500;
  --type-heading-2-letter-spacing: 0px;
  --type-heading-2-line-height: 1.4;
  --type-heading-3-font-family: "SiteBrand", "Camel", sans-serif;
  --type-heading-3-font-size: 1.375rem;
  --type-heading-3-font-weight: 500;
  --type-heading-3-letter-spacing: 0px;
  --type-heading-3-line-height: 1.4;
  --type-heading-4-font-family: "SiteBrand", "Camel", sans-serif;
  --type-heading-4-font-size: 1.125rem;
  --type-heading-4-font-weight: 500;
  --type-heading-4-letter-spacing: 0px;
  --type-heading-4-line-height: 1.4;
  --type-body-font-family: "SiteBrand", "Camel", sans-serif;
  --type-body-font-size: 1rem;
  --type-body-font-weight: 400;
  --type-body-letter-spacing: 0px;
  --type-body-line-height: 1.75;
  --type-label-font-family: "SiteBrand", "Camel", sans-serif;
  --type-label-font-size: 0.875rem;
  --type-label-font-weight: 500;
  --type-label-letter-spacing: 0px;
  --type-label-line-height: 1.4;
  --type-caption-font-family: "SiteBrand", "Camel", sans-serif;
  --type-caption-font-size: 0.75rem;
  --type-caption-font-weight: 400;
  --type-caption-letter-spacing: 0px;
  --type-caption-line-height: 1.4;
  --type-code-font-family: ui-monospace, monospace;
  --type-code-font-size: 0.875rem;
  --type-code-font-weight: 400;
  --type-code-letter-spacing: 0px;
  --type-code-line-height: 1.5;
  --type-numeric-font-family: ui-sans-serif, "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Arial", sans-serif;
  --type-numeric-font-size: 1rem;
  --type-numeric-font-weight: 500;
  --type-numeric-letter-spacing: 0px;
  --type-numeric-line-height: 1.4;
  --type-reference-font-family: "SiteBrand", "Camel", sans-serif;
  --type-reference-font-size: 0.875rem;
  --type-reference-font-weight: 400;
  --type-reference-letter-spacing: 0px;
  --type-reference-line-height: 1.65;
  --color-surface: #FFFFFF;
  --color-surface-raised: #EAE8E5;
  --color-text: #333E48;
  --color-text-muted: #525B63;
  --color-border: #CED1D3;
  --color-border-control: #7E858C;
  --color-action: #333E48;
  --color-on-action: #FFFFFF;
  --color-focus: #333E48;
  --color-selection: #333E48;
  --color-success: #1D6B3D;
  --color-warning: #8A5300;
  --color-danger: #B42318;
  --color-information: #1F5FA8;
  --color-disabled: #B1B6B9;
  --color-overlay: rgb(26 26 26 / 0.45);
  --elevation-base: 0px 0px 0px 0px rgb(26 26 26 / 0);
  --elevation-raised: 0px 12px 36px 0px rgb(26 26 26 / 0.1), inset 0px 1px 0px 0px #CED1D3;
  --elevation-overlay: 0px 12px 36px 0px rgb(26 26 26 / 0.1), inset 0px 1px 0px 0px #CED1D3;
  --elevation-modal: 0px 24px 64px 0px rgb(26 26 26 / 0.18);
}
:root[data-sanad-theme="structural"][data-appearance="dark"] {
  --color-surface: #1A1A1A;
  --color-surface-raised: #242A30;
  --color-text: #EAE8E5;
  --color-text-muted: #CBC9C7;
  --color-border: #4C4B4B;
  --color-border-control: #9D9C9A;
  --color-action: #B2CCD0;
  --color-on-action: #333E48;
  --color-focus: #B2CCD0;
  --color-selection: #B2CCD0;
  --color-success: #7FD4A0;
  --color-warning: #F0C060;
  --color-danger: #F4A8A0;
  --color-information: #9CC3F5;
  --color-disabled: #696867;
  --color-overlay: rgb(26 26 26 / 0.6);
  --elevation-raised: 0px 12px 36px 0px rgb(26 26 26 / 0.3), inset 0px 1px 0px 0px #4C4B4B;
  --elevation-overlay: 0px 12px 36px 0px rgb(26 26 26 / 0.3), inset 0px 1px 0px 0px #4C4B4B;
  --elevation-modal: 0px 24px 64px 0px rgb(26 26 26 / 0.45);
}
@media (prefers-reduced-motion: reduce) {
  :root[data-sanad-theme="structural"] {
    --motion-entrance: 0.01ms cubic-bezier(0.16, 1, 0.3, 1) 0ms;
    --motion-exit: 0.01ms cubic-bezier(0.16, 1, 0.3, 1) 0ms;
    --motion-reorder: 0.01ms cubic-bezier(0.16, 1, 0.3, 1) 0ms;
    --motion-expand: 0.01ms cubic-bezier(0.16, 1, 0.3, 1) 0ms;
    --motion-collapse: 0.01ms cubic-bezier(0.16, 1, 0.3, 1) 0ms;
    --motion-progress: 0.01ms cubic-bezier(0.16, 1, 0.3, 1) 0ms;
    --motion-emphasis: 0.01ms cubic-bezier(0.16, 1, 0.3, 1) 0ms;
  }
}