@charset "utf-8";

/* V2 system color contract. Component aliases consume these roles;
 * preview edits only this namespace. V1 must not load this stylesheet. */
:root {
  --sys-color-brand: #0095de;
  --sys-color-brand-text: #0077b8;
  --sys-color-action: #0077b8;
  --sys-color-pressed: #043b8b;
  --sys-color-on-action: #ffffff;
  --sys-color-soft: #e7f5fe;
  --sys-color-ink: #212529;
  --sys-color-text: #343a40;
  --sys-color-muted: #495057;
  --sys-color-subtle: #868e96;
  --sys-color-line: #dee2e6;
  --sys-color-line-soft: #e9ecef;
  --sys-color-canvas: #f8f9fa;
  --sys-color-surface: #ffffff;
  --sys-color-danger: #e03131;
  --sys-color-saturday: #1772c1;
}

:root {
  --pc-ui-brand: var(--sys-color-brand);
  --pc-ui-brand-text: var(--sys-color-brand-text);
  --pc-ui-brand-dark: var(--sys-color-pressed);
  --pc-ui-brand-soft: var(--sys-color-soft);
  --pc-ui-action-primary: var(--sys-color-action);
  --pc-ui-action-pressed: var(--sys-color-pressed);
  --pc-ui-on-action: var(--sys-color-on-action);
  --pc-ui-ink: var(--sys-color-ink);
  --pc-ui-text: var(--sys-color-text);
  --pc-ui-muted: var(--sys-color-muted);
  --pc-ui-subtle: var(--sys-color-subtle);
  --pc-ui-line: var(--sys-color-line);
  --pc-ui-line-soft: var(--sys-color-line-soft);
  --pc-ui-canvas: var(--sys-color-canvas);
  --pc-ui-surface: var(--sys-color-surface);
  --pc-ui-danger: var(--sys-color-danger);
  --pc-ui-saturday: var(--sys-color-saturday);
  --mobile-ui-brand: var(--sys-color-brand);
  --mobile-ui-brand-text: var(--sys-color-brand-text);
  --mobile-ui-brand-dark: var(--sys-color-pressed);
  --mobile-ui-brand-soft: var(--sys-color-soft);
  --mobile-ui-action-primary: var(--sys-color-action);
  --mobile-ui-action-pressed: var(--sys-color-pressed);
  --mobile-ui-on-action: var(--sys-color-on-action);
  --mobile-ui-ink: var(--sys-color-ink);
  --mobile-ui-text: var(--sys-color-text);
  --mobile-ui-muted: var(--sys-color-muted);
  --mobile-ui-subtle: var(--sys-color-subtle);
  --mobile-ui-line: var(--sys-color-line);
  --mobile-ui-line-soft: var(--sys-color-line-soft);
  --mobile-ui-canvas: var(--sys-color-canvas);
  --mobile-ui-surface: var(--sys-color-surface);
  --mobile-ui-danger: var(--sys-color-danger);
  --mobile-ui-saturday: var(--sys-color-saturday);
  --en-v2-brand: var(--sys-color-brand);
  --en-v2-brand-text: var(--sys-color-brand-text);
  --en-v2-action: var(--sys-color-action);
  --en-v2-focus: var(--sys-color-pressed);
  --en-v2-ink: var(--sys-color-ink);
  --en-v2-muted: var(--sys-color-muted);
  --en-v2-line: var(--sys-color-line);
  --en-v2-soft: var(--sys-color-soft);
  --en-v2-canvas: var(--sys-color-canvas);
  --en-v2-white: var(--sys-color-surface);
  --en-v2-danger: var(--sys-color-danger);
  --tw-v2-brand: var(--sys-color-brand);
  --tw-v2-brand-text: var(--sys-color-brand-text);
  --tw-v2-action: var(--sys-color-action);
  --tw-v2-focus: var(--sys-color-pressed);
  --tw-v2-ink: var(--sys-color-ink);
  --tw-v2-muted: var(--sys-color-muted);
  --tw-v2-line: var(--sys-color-line);
  --tw-v2-soft: var(--sys-color-soft);
  --tw-v2-canvas: var(--sys-color-canvas);
  --tw-v2-white: var(--sys-color-surface);
  --tw-v2-danger: var(--sys-color-danger);
}