/* Manifest Freight Co — exact website tokens. Digital sRGB; driver is a product variant. */
:root {
  --bg: #f5f2e9;
  --surface: #fffdf8;
  --surface-soft: #fbf9f2;
  --surface-muted: #f0eee5;
  --ink: #1f2d34;
  --muted: #68767a;
  --muted-strong: #516166;
  --line: #e3dfd2;
  --line-strong: #d2cdbd;
  --green: #00a5a9;
  --green-strong: #007b83;
  --green-soft: #d9f2f1;
  --green-pale: #effafa;
  --amber: #ad7115;
  --amber-soft: #f6ecd8;
  --red: #b84235;
  --red-soft: #fae9e4;
  --blue: #2f6c8c;
  --blue-soft: #e5eff5;
  --warning-ink: #8b5b0d;
  --danger-ink: #9f362b;
  --info-ink: #255d7a;
  --success-line: #a8d9db;
  --warning-line: #ead7ad;
  --danger-line: #eabdb4;
  --info-line: #c4dbe8;
  --action-bg: #007b83;
  --action-bg-hover: #00666d;
  --action-text: #fff;
  --danger-action-bg: #b84235;
  --danger-action-bg-hover: #9f342a;
  --control-overlay: rgb(255 255 255 / 65%);
  --map-bg: #e8efeb;
  --map-grid: rgb(108 144 127 / 18%);
  --map-grid-soft: rgb(108 144 127 / 12%);
  --map-ring: rgb(255 255 255 / 28%);
  --map-pin-ring: #fff;
  --scrim: rgb(31 45 52 / 35%);
  --shadow: 0 1px 2px rgb(31 45 52 / 4%), 0 9px 24px rgb(31 45 52 / 5%);
  --shadow-lg: 0 18px 55px rgb(31 45 52 / 16%);
  --radius: 14px;
  --font-body: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Space Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

:root[data-theme="dark"] {
  --bg: #101719;
  --surface: #172125;
  --surface-soft: #1b272b;
  --surface-muted: #243237;
  --ink: #edf4f1;
  --muted: #9eadaf;
  --muted-strong: #bcc8c8;
  --line: #304146;
  --line-strong: #41545a;
  --green: #20b8bb;
  --green-strong: #79dcdd;
  --green-soft: #153c3e;
  --green-pale: #183033;
  --amber: #e7b65e;
  --amber-soft: #3d301c;
  --red: #ef8d82;
  --red-soft: #432622;
  --blue: #8cc7e3;
  --blue-soft: #1d3440;
  --warning-ink: #e7b65e;
  --danger-ink: #ef8d82;
  --info-ink: #8cc7e3;
  --success-line: #2d5c5e;
  --warning-line: #5a4727;
  --danger-line: #63372f;
  --info-line: #31515e;
  --action-bg: #79dcdd;
  --action-bg-hover: #a0e8e9;
  --action-text: #101719;
  --danger-action-bg: #ef8d82;
  --danger-action-bg-hover: #f5a79e;
  --control-overlay: rgb(255 255 255 / 10%);
  --map-bg: #182426;
  --map-grid: rgb(121 170 160 / 17%);
  --map-grid-soft: rgb(121 170 160 / 11%);
  --map-ring: rgb(215 239 232 / 13%);
  --map-pin-ring: #edf4f1;
  --scrim: rgb(0 0 0 / 52%);
  --shadow: 0 1px 2px rgb(0 0 0 / 18%), 0 9px 24px rgb(0 0 0 / 18%);
  --shadow-lg: 0 18px 55px rgb(0 0 0 / 42%);
  --radius: 14px;
  --font-body: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Space Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.mfc-app {
  --mfc-bg: #f4f2ea;
  --mfc-card: #ffffff;
  --mfc-card-soft: #faf8f1;
  --mfc-ink: #1f2d34;
  --mfc-muted: #64737a;
  --mfc-line: #e5e1d2;
  --mfc-chip: rgba(31, 45, 52, 0.07);
  --mfc-green: #00a5a9;
  --mfc-green-dark: #007b83;
  --mfc-green-soft: #d9f2f1;
  --mfc-green-deep: #00656b;
  --mfc-amber: #b47714;
  --mfc-amber-soft: #f5ecd8;
  --mfc-amber-deep: #8a5b0c;
  --mfc-red: #c24334;
  --mfc-red-soft: #f8e7e3;
  --mfc-red-deep: #a23227;
  --mfc-blue: #2e6c8e;
  --mfc-blue-soft: #e3edf3;
  --mfc-blue-deep: #1f506b;
  --mfc-action-bg: #007b83;
  --mfc-action-bg-hover: #00656b;
  --mfc-action-text: #fff;
  --mfc-warning-action-bg: #8a5b0c;
  --mfc-danger-action-bg: #c24334;
  --mfc-danger-action-bg-hover: #a23227;
  --mfc-shadow: 0 1px 2px rgba(31, 45, 52, 0.04), 0 8px 24px rgba(31, 45, 52, 0.07);
  --mfc-header: rgba(244, 242, 234, 0.9);
  --mfc-radius: 16px;
  --mfc-font-display: "Space Grotesk", "Avenir Next", system-ui, sans-serif;
  --mfc-font-body: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;
  --mfc-font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
}

.mfc-app.mfc-dark {
  --mfc-bg: #141a1d;
  --mfc-card: #1d2529;
  --mfc-card-soft: #222b30;
  --mfc-ink: #e8eeeb;
  --mfc-muted: #92a2a8;
  --mfc-line: #2d383d;
  --mfc-chip: rgba(232, 238, 235, 0.08);
  --mfc-green: #19c4c7;
  --mfc-green-dark: #55d6d8;
  --mfc-green-soft: #113336;
  --mfc-green-deep: #9be7e8;
  --mfc-amber: #d89b3f;
  --mfc-amber-soft: #382c13;
  --mfc-amber-deep: #efc177;
  --mfc-red: #de6553;
  --mfc-red-soft: #3c201b;
  --mfc-red-deep: #f09c8d;
  --mfc-blue: #5aa5cc;
  --mfc-blue-soft: #16303d;
  --mfc-blue-deep: #a8d6ec;
  --mfc-action-bg: #55d6d8;
  --mfc-action-bg-hover: #9be7e8;
  --mfc-action-text: #141a1d;
  --mfc-warning-action-bg: #efc177;
  --mfc-danger-action-bg: #f09c8d;
  --mfc-danger-action-bg-hover: #ffc1b6;
  --mfc-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 8px 24px rgba(0, 0, 0, 0.28);
  --mfc-header: rgba(20, 26, 29, 0.9);
  --mfc-radius: 16px;
  --mfc-font-display: "Space Grotesk", "Avenir Next", system-ui, sans-serif;
  --mfc-font-body: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;
  --mfc-font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
}