/* Social flu · A team with its own voice. All shared colours live here. */
@font-face {
  font-family: "DM Sans";
  src: url("../../fonts/dm-sans-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}
@font-face {
  font-family: "Bricolage Grotesque";
  src: url("../../fonts/bricolage-grotesque-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}
:root {
  color-scheme: light;
  --font-body: "DM Sans", sans-serif;
  --font-heading: "Bricolage Grotesque", "DM Sans", sans-serif;
  --color-media-stage: #191c1a;
  --color-on-media: #f5f3ed;
  --color-media-muted: #b7b9b1;
  --color-stage: #191c1a;
  --color-stage-surface: #262a26;
  --color-stage-line: rgba(245, 243, 237, 0.12);
  --color-backdrop: rgba(20, 25, 23, 0.44);
  --color-logo: #c85136;
  --flow-ink: #262824;
  --flow-paper: #f5f3ed;
  --flow-proof: #ba3e27;
  --flow-proof-soft: #f6e7df;
  --flow-olive: #4d6654;
  --color-bg: var(--flow-paper);
  --color-surface: #fcfbf7;
  --color-surface-soft: #eeede6;
  --color-surface-strong: #e6e5dc;
  --color-text: var(--flow-ink);
  --color-text-muted: #5f6159;
  --color-text-secondary: #4b4e47;
  --color-text-subtle: #6e7068;
  --color-border: rgba(38, 40, 36, 0.12);
  --color-border-strong: rgba(38, 40, 36, 0.24);
  --color-line: rgba(38, 40, 36, 0.075);
  --color-brand: var(--flow-proof);
  --color-brand-alt: #a83923;
  --color-brand-soft: var(--flow-proof-soft);
  --color-on-brand: #fffaf5;
  --color-ink: #262824;
  --color-on-ink: #f5f3ed;
  --color-success: var(--flow-olive);
  --color-success-soft: #e3eadf;
  --color-success-ink: #3d5444;
  --color-danger: #ae342c;
  --color-danger-strong: #8d2823;
  --color-inset: #f2f1eb;
  --color-inset-strong: #eae9e1;
  --color-inset-border: var(--color-border-strong);
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-pill: 999px;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-float: 0 18px 48px -24px rgba(25, 28, 26, 0.35);
  --shell-sidebar-width: 256px;
  --shell-sidebar-width-collapsed: 80px;
  --shell-topbar-height: 60px;
  --motion-fast: 160ms;
  --motion-enter: 360ms;
  --motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
}
[data-theme="dark"] {
  color-scheme: dark;
  --flow-ink: #f0eee6;
  --flow-paper: #1e211f;
  --flow-proof: #f2967d;
  --flow-proof-soft: #3b2d27;
  --flow-olive: #afc1a8;
  --color-stage: #121412;
  --color-stage-surface: #1f231f;
  --color-surface: #262a26;
  --color-surface-soft: #2d322c;
  --color-surface-strong: #353b33;
  --color-text-muted: #aeb2a6;
  --color-text-secondary: #d1d4c8;
  --color-text-subtle: #a2a798;
  --color-border: rgba(240, 238, 230, 0.13);
  --color-border-strong: rgba(240, 238, 230, 0.27);
  --color-line: rgba(240, 238, 230, 0.075);
  --color-brand-alt: #ffae96;
  --color-on-brand: #29231d;
  --color-ink: #f0eee6;
  --color-on-ink: #1e211f;
  --color-success-soft: #2c3a2f;
  --color-success-ink: #c4d6bd;
  --color-inset: #222621;
  --color-inset-strong: #2b3029;
  --color-danger: #f39b8e;
  --color-danger-strong: #ffb9ad;
  --shadow-float: 0 18px 48px -24px rgba(0, 0, 0, 0.7);
}

/* Each agent keeps one colour everywhere: face, profile, calendar and its work. */
.tone-0 { --tone: #2f6f73; --tone-soft: #dde9e7; --tone-ink: #1f5154; }
.tone-1 { --tone: #8a5a12; --tone-soft: #f1e6d2; --tone-ink: #6b4510; }
.tone-2 { --tone: #4f5a9a; --tone-soft: #e3e5f2; --tone-ink: #3b4478; }
.tone-3 { --tone: #7a4a72; --tone-soft: #eee1eb; --tone-ink: #5e3758; }
.tone-4 { --tone: #4d6654; --tone-soft: #e3eadf; --tone-ink: #3d5444; }
.tone-5 { --tone: #3f6382; --tone-soft: #e0e8ef; --tone-ink: #2f4c66; }
[data-theme="dark"] .tone-0 { --tone-soft: #213432; --tone-ink: #a9d1cc; }
[data-theme="dark"] .tone-1 { --tone-soft: #392d1b; --tone-ink: #e3c28e; }
[data-theme="dark"] .tone-2 { --tone-soft: #272b40; --tone-ink: #bcc3ec; }
[data-theme="dark"] .tone-3 { --tone-soft: #352634; --tone-ink: #dfb8d8; }
[data-theme="dark"] .tone-4 { --tone-soft: #263129; --tone-ink: #bfd3b8; }
[data-theme="dark"] .tone-5 { --tone-soft: #23303b; --tone-ink: #b5cbe0; }