/* A26 Web Design System — Layout Foundation — v1.0.0-alpha.0005 */
@layer a26.foundations.layout {
  :root {
    --a26-space-1: 4px;
    --a26-space-2: 8px;
    --a26-space-3: 12px;
    --a26-space-4: 16px;
    --a26-space-5: 20px;
    --a26-space-6: 24px;
    --a26-space-8: 32px;
    --a26-radius-sm: 8px;
    --a26-radius-md: 12px;
    --a26-radius-lg: 16px;
    --a26-radius-xl: 20px;
    --a26-radius-pill: 999px;

    --a26-content-max-width: 1180px;
    --a26-sidebar-width: 280px;
    --a26-secondary-pane-width: 360px;
    --a26-tertiary-pane-min-width: 420px;
  }
}