/* Office visual contract: communications-icons-contrast.html, September30.
   Office-only asset: five reference palettes, legacy light/dark compatibility.
   Field keeps its independent styles and saved theme. */
:root {
  --afix-canvas: #bdc9d8;
  --afix-surface: #ffffff;
  --afix-surface-muted: #edf1f6;
  --afix-panel-background: var(--afix-surface);
  --afix-field: #ffffff;
  --afix-border: #7f90a5;
  --afix-rule: #b7c5d5;
  --afix-input-border: #61758b;
  --afix-text: #101b2a;
  --afix-muted: #35475c;
  --afix-quiet: #4a5d73;
  --afix-accent: #14579d;
  --afix-accent-soft: #dceaff;
  --afix-primary: #14579d;
  --afix-on-primary: #ffffff;
  --afix-message-outgoing: #dceaff;
  --afix-message-incoming: #edf1f6;
  --afix-danger: #a5253d;
  --afix-success: #17664c;
  --afix-danger-soft: #fff0f2;
  --afix-radius: 9px;
  --afix-control-radius: 6px;
  --afix-control-height: 32px;
  --afix-space-1: 4px;
  --afix-space-2: 8px;
  --afix-space-3: 12px;
  --afix-space-4: 16px;
  --afix-shadow: none;
  --afix-shadow-raised: 0 12px 32px #203f641f;
  --afix-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --afix-font-body: 14px;
  --afix-font-label: 13px;
  --afix-font-meta: 12px;
  --afix-line-height: 1.45;
}
html[data-office-theme="classic"] {
  --afix-canvas: #ffffff;
  --afix-surface: #c7d6e6;
  --afix-surface-muted: #f8fafc;
  --afix-border: #7489a1;
  --afix-rule: #98adc4;
  --afix-quiet: #3f5268;
  --afix-accent-soft: #eaf2ff;
  --afix-message-outgoing: #eaf2ff;
  --afix-message-incoming: #f8fafc;
}
html[data-theme="dark"] {
  --afix-canvas: #101c29;
  --afix-surface: #223244;
  --afix-surface-muted: #2b4056;
  --afix-field: #182535;
  --afix-border: #536a84;
  --afix-rule: #43586f;
  --afix-input-border: #8295af;
  --afix-text: #eef3fa;
  --afix-muted: #bdcbdc;
  --afix-quiet: #b3c3d5;
  --afix-accent: #9bc6ff;
  --afix-accent-soft: #203f60;
  --afix-primary: #9bc6ff;
  --afix-on-primary: #102440;
  --afix-message-outgoing: #203f60;
  --afix-message-incoming: #2b4056;
  --afix-danger: #ffa9b8;
  --afix-success: #91d9b8;
  --afix-danger-soft: #402835;
  --afix-shadow-raised: 0 12px 32px #00000055;
}
html[data-office-theme="carbon"] {
  --afix-canvas: #161718;
  --afix-surface: #27292c;
  --afix-surface-muted: #31343a;
  --afix-field: #1d1f22;
  --afix-border: #646a75;
  --afix-rule: #484d56;
  --afix-input-border: #9199a9;
  --afix-text: #f1f2f3;
  --afix-muted: #c0c4ca;
  --afix-quiet: #b6bbc3;
  --afix-accent: #babaff;
  --afix-accent-soft: #343a52;
  --afix-primary: #babaff;
  --afix-on-primary: #232046;
  --afix-message-outgoing: #343a52;
  --afix-message-incoming: #31343a;
}
html[data-office-theme="onyx"] {
  --afix-canvas: #07080a;
  --afix-surface: #161a20;
  --afix-surface-muted: #242c38;
  --afix-field: #0f1319;
  --afix-border: #596776;
  --afix-rule: #3c4653;
  --afix-input-border: #8595ac;
  --afix-text: #f6f7fb;
  --afix-muted: #c2cbd8;
  --afix-quiet: #b5becb;
  --afix-accent: #9ec5ff;
  --afix-accent-soft: #263e5a;
  --afix-primary: #9ec5ff;
  --afix-on-primary: #0e203d;
  --afix-message-outgoing: #263e5a;
  --afix-message-incoming: #242c38;
}
@media (pointer: coarse) {
  :root { --afix-control-height: 44px; }
}