:root{
--color-bg-canvas:#F7F7F8;
--color-bg-page:#FFFFFF;
--color-bg-sidebar:#FAFAFA;
--color-bg-surface:#FFFFFF;
--color-bg-inset:#F5F5F5;
--color-bg-hover:#F5F5F5;
--color-bg-selected:#F0F0F0;
--color-bg-overlay:#0A0A0A66;
--color-bg-sidebar-hover:#EFEFF1;
--color-bg-sidebar-active:#EBEBED;
--color-border-subtle:#E0E0E3;
--color-border-default:#E5E5E5;
--color-border-strong:#D4D4D4;
--color-border-focus:#8E8E8E;
--color-text-primary:#0A0A0A;
--color-text-secondary:#525252;
--color-text-tertiary:#6B6B6B;
--color-text-disabled:#A3A3A3;
--color-text-inverse:#FFFFFF;
--color-text-link:#0A0A0A;
--color-action-primary:#0A0A0A;
--color-action-primary-hover:#2E2F33;
--color-action-primary-pressed:#0A0A0A;
--color-action-secondary:#FFFFFF;
--color-action-secondary-hover:#F7F7F8;
--color-action-disabled:#F0F0F0;
--color-accent-default:#F2662B;
--color-accent-text:#B8441A;
--color-accent-bg:#FDEBE2;
--color-accent-hatch:#F9C8B0;
--color-status-success-fg:#127A3A;
--color-status-success-solid:#16A34A;
--color-status-success-bg:#E3F7E9;
--color-status-success-on-dark:#4ADE80;
--color-status-warning-fg:#A94E07;
--color-status-warning-solid:#D97706;
--color-status-warning-bg:#FDF1DC;
--color-status-danger-fg:#B91C1C;
--color-status-danger-solid:#DC2626;
--color-status-danger-bg:#FDE8E8;
--color-status-info-fg:#2F56C8;
--color-status-info-solid:#3B6FF5;
--color-status-info-bg:#E5EDFF;
--color-data-1:#FFB86A;
--color-data-2:#FF6900;
--color-data-3:#F54900;
--color-data-4:#CA3500;
--color-data-5:#9F2D00;
--color-data-muted:#D4D4D4;
--type-display:600 32px/40px "Figtree","system-ui","sans-serif";--type-display-ls:-1e-2em;
--type-h1:600 24px/32px "Figtree","system-ui","sans-serif";--type-h1-ls:-0.5e-2em;
--type-h2:600 18px/26px "Figtree","system-ui","sans-serif";--type-h2-ls:0e-2em;
--type-h3:600 15px/22px "Figtree","system-ui","sans-serif";--type-h3-ls:0e-2em;
--type-body:400 14px/20px "Figtree","system-ui","sans-serif";--type-body-ls:0e-2em;
--type-body-strong:500 14px/20px "Figtree","system-ui","sans-serif";--type-body-strong-ls:0e-2em;
--type-small:400 13px/18px "Figtree","system-ui","sans-serif";--type-small-ls:0e-2em;
--type-caption:400 12px/16px "Figtree","system-ui","sans-serif";--type-caption-ls:0e-2em;
--type-label:500 12px/16px "Figtree","system-ui","sans-serif";--type-label-ls:0e-2em;
--type-numeric-l:600 28px/34px "Figtree","system-ui","sans-serif";--type-numeric-l-ls:-1e-2em;
--space-inline-xs:4px;
--space-inline-sm:8px;
--space-inline-md:12px;
--space-stack-xs:4px;
--space-stack-sm:8px;
--space-stack-md:16px;
--space-stack-lg:24px;
--space-stack-xl:32px;
--space-inset-card:16px;
--space-inset-tray:4px;
--space-inset-section:24px;
--space-page-gutter:32px;
--space-grid-gap:16px;
--radius-menu-item:10px;
--radius-card:10px;
--radius-tray:10px;
--radius-panel:13px;
--radius-frame:16px;
--radius-badge:6px;
--radius-pill:9999px;
--elevation-flat:none;
--elevation-raised:none;
--elevation-hover:0px 2px 6px -1px #1118270F, 0px 1px 2px 0px #1118270A;
--elevation-popover:0px 8px 24px -4px #11182714, 0px 2px 6px -2px #1118270A;
--elevation-modal:0px 24px 48px -12px #1118271F, 0px 4px 12px -4px #1118270F;
--motion-hover-duration:120ms;
--motion-press-duration:80ms;
--motion-focus-duration:120ms;
--motion-popover-enter:180ms;
--motion-popover-exit:120ms;
--motion-modal-enter:260ms;
--motion-modal-exit:180ms;
--motion-toast-enter:260ms;
--motion-toast-exit:180ms;
--motion-indicator-duration:260ms;
--motion-toggle-duration:180ms;
--motion-expand-duration:260ms;
--motion-ease-standard:cubic-bezier(0.23,1,0.32,1);
--motion-ease-enter:cubic-bezier(0.23,1,0.32,1);
--motion-ease-exit:cubic-bezier(0.23,1,0.32,1);
--motion-ease-emphasized:cubic-bezier(0.3,0,0,1.15);
--motion-page-enter:240ms;
--motion-stagger-step:30ms;
--motion-feedback-success-hold:1200ms;
--motion-feedback-error-enter:180ms;
--motion-feedback-highlight:1200ms;
--motion-feedback-count:600ms;
--motion-feedback-collapse:260ms;
--motion-feedback-undo-window:5000ms;
--motion-reaction-press-scale:0.85;
--motion-reaction-pop-duration:360ms;
--motion-reaction-ring-duration:470ms;
--motion-reaction-roll-duration:260ms;
--motion-focus-settle:200ms;
--motion-shake-duration:640ms;
--motion-shake-easing:cubic-bezier(0.33,0,0.2,1);
--motion-shake-distance:2px;
--focus-ring-width:2px;
--focus-ring-spread:2px;
--focus-ring-rest:2px;
--focus-ring-color:#8E8E8E;
--c-button-height-sm:28px;
--c-button-height-md:32px;
--c-button-height-lg:36px;
--c-button-padding-x:12px;
--c-button-gap:6px;
--c-button-radius:13px;
--c-input-height:32px;
--c-input-padding-x:10px;
--c-input-radius:13px;
--c-badge-height:20px;
--c-badge-padding-x:6px;
--c-badge-radius:6px;
--c-nav-item-height:32px;
--c-nav-item-padding-x:8px;
--c-nav-item-radius:6px;
--c-table-row-height:44px;
--c-table-row-header-height:44px;
--c-stat-card-tray-padding:4px;
--c-stat-card-card-padding:16px;
--c-tab-height:28px;
--c-tab-radius:10px;
--c-tab-main-height:28px;
--c-tab-main-radius:13px;
--c-menu-item-radius:10px;
--c-dialog-radius:16px;
--c-dialog-max-width:512px;
--c-dialog-padding:24px;
--c-dialog-gap:16px;
--c-checkbox-size:18px;
--c-checkbox-radius:5px;
--c-icon-tile-size:24px;
--c-icon-tile-radius:6px;
--c-drawer-width:400px;
--c-touch-target-min:44px;
--p-color-grey-0:#FFFFFF;
--p-color-grey-25:#FAFAFA;
--p-color-grey-50:#F7F7F8;
--p-color-grey-100:#F5F5F5;
--p-color-grey-150:#F0F0F0;
--p-color-grey-200:#E5E5E5;
--p-color-grey-300:#D4D4D4;
--p-color-grey-400:#A3A3A3;
--p-color-grey-500:#737373;
--p-color-grey-600:#737373;
--p-color-grey-700:#525252;
--p-color-grey-800:#2E2F33;
--p-color-grey-900:#18181B;
--p-color-grey-950:#0A0A0A;
--p-color-ember-50:#FEF4EE;
--p-color-ember-100:#FDEBE2;
--p-color-ember-200:#F9C8B0;
--p-color-ember-300:#F7A072;
--p-color-ember-500:#F2662B;
--p-color-ember-600:#D9541C;
--p-color-ember-700:#B8441A;
--p-color-ember-800:#8A3B1E;
--p-color-green-50:#E3F7E9;
--p-color-green-400:#4ADE80;
--p-color-green-600:#16A34A;
--p-color-green-700:#127A3A;
--p-color-amber-50:#FDF1DC;
--p-color-amber-500:#F2C94C;
--p-color-amber-600:#D97706;
--p-color-amber-700:#A94E07;
--p-color-red-50:#FDE8E8;
--p-color-red-500:#E03C5A;
--p-color-red-600:#DC2626;
--p-color-red-700:#B91C1C;
--p-color-blue-50:#E5EDFF;
--p-color-blue-500:#3B6FF5;
--p-color-blue-700:#2F56C8;
}
/* Motion (added 5 Nov 2026) */
:root{
--p-duration-fast:120ms;
--p-duration-base:180ms;
--p-duration-slow:260ms;
--p-duration-instant:80ms;
--p-duration-slower:360ms;
--p-duration-shimmer:1400ms;
--p-duration-spin:600ms;
--p-ease-standard:cubic-bezier(0.23,1,0.32,1);
--p-ease-enter:cubic-bezier(0.23,1,0.32,1);
--p-ease-exit:cubic-bezier(0.23,1,0.32,1);
--p-ease-emphasized:cubic-bezier(0.3,0,0,1.15);
}