/* Shared Lab40 identity. Page and studio component styles map these values
   to their own layout and semantic roles. The approved landing is the source. */
:root {
  color-scheme: light;
  --brand-paper: #F5F5F7;
  --brand-surface: #FFFFFF;
  --brand-ink: #101216;
  --brand-muted: #4E525C;
  --brand-subtle: #686C76;
  --brand-blue: #3B66E3;
  --brand-blue-hover: #2E53C0;
  --brand-blue-pale: #E9EEFC;
  --brand-red: #D92B3A;
  --brand-danger: #B4202D;
  --brand-danger-pale: #FDECEE;
  --brand-success: #26734A;
  --brand-success-pale: #EDF6EF;
  --brand-warning: #8A5D0B;
  --brand-warning-pale: #FCF4E2;
  --brand-line: #E4E5E9;
  --brand-line-strong: #D3D5DB;
  --brand-fill: #EEF0F3;
  --brand-sans: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --brand-mono: "IBM Plex Mono", "SF Mono", Menlo, Consolas, monospace;
  --brand-shadow: 0 12px 32px -18px rgba(16,18,22,.18);
  --brand-shadow-dialog: 0 24px 64px -24px rgba(16,18,22,.28);
}