/*!
 * Pickup Signal theme tokens, built with the Astryx design system.
 * Built by `astryx theme build` from @astryxdesign/cli 0.6.2 and @astryxdesign/core 0.6.2.
 * Astryx: https://github.com/facebook/astryx — MIT, Copyright (c) 2026 Meta Platforms, Inc.
 * The colour values are Pickup Signal.
 *
 * GENERATED — do not hand-edit. The source theme lives outside this repo and is rebuilt offline;
 * see docs/plans/2026-09-17_board-grid-and-blocks.md for how. Nothing from that build ships: the
 * app keeps no npm dependency, no bundler and no build step, and this file is self-hosted because
 * the console is served under a policy that admits stylesheets from this origin only.
 */
/*
 * @generated by `astryx theme build` — do not edit manually.
 * Source: src/pickupSignalTheme.ts
 * Command: astryx theme build src/pickupSignalTheme.ts --out dist/theme.css
 * CLI: @astryxdesign/cli@0.6.2
 * Core: @astryxdesign/core@0.6.2
 */

@layer reset {
@scope ([data-astryx-theme="pickup-signal"]) to ([data-astryx-theme]) {
  :where(h1, h2, h3, h4, h5, h6) {
    font-family: var(--font-family-heading);
    color: var(--color-text-primary);
  }

  :where(h1) {
    font-size: var(--text-heading-1-size);
    font-weight: var(--text-heading-1-weight);
    line-height: var(--text-heading-1-leading);
  }

  :where(h2) {
    font-size: var(--text-heading-2-size);
    font-weight: var(--text-heading-2-weight);
    line-height: var(--text-heading-2-leading);
  }

  :where(h3) {
    font-size: var(--text-heading-3-size);
    font-weight: var(--text-heading-3-weight);
    line-height: var(--text-heading-3-leading);
  }

  :where(h4) {
    font-size: var(--text-heading-4-size);
    font-weight: var(--text-heading-4-weight);
    line-height: var(--text-heading-4-leading);
  }

  :where(h5) {
    font-size: var(--text-heading-5-size);
    font-weight: var(--text-heading-5-weight);
    line-height: var(--text-heading-5-leading);
  }

  :where(h6) {
    font-size: var(--text-heading-6-size);
    font-weight: var(--text-heading-6-weight);
    line-height: var(--text-heading-6-leading);
  }

  :where(p) {
    font-family: var(--font-family-body);
    font-size: var(--text-body-size);
    font-weight: var(--text-body-weight);
    line-height: var(--text-body-leading);
    color: var(--color-text-primary);
  }

  :where(small) {
    font-size: var(--text-supporting-size);
    font-weight: var(--text-supporting-weight);
    line-height: var(--text-supporting-leading);
    color: var(--color-text-secondary);
  }

  :where(code, pre) {
    font-family: var(--font-family-code);
    font-size: var(--text-code-size);
    line-height: var(--text-code-leading);
  }

  :where(hr) {
    border: none;
    border-top: 1px solid var(--color-border);
  }
}
}

@layer astryx-base {
:root {
  --color-data-categorical-blue: light-dark(#0171E3, #0171E3);
  --color-data-categorical-orange: light-dark(#EB6E00, #EB6E00);
  --color-data-categorical-purple: light-dark(#6B1EFD, #6B1EFD);
  --color-data-categorical-green: light-dark(#0B991F, #0B991F);
  --color-data-categorical-pink: light-dark(#F351C0, #F351C0);
  --color-data-categorical-cyan: light-dark(#0171A4, #0171A4);
  --color-data-categorical-red: light-dark(#F5394F, #F5394F);
  --color-data-categorical-teal: light-dark(#08A3A3, #08A3A3);
  --color-data-categorical-brown: light-dark(#965E03, #965E03);
  --color-data-categorical-indigo: light-dark(#6F8AFF, #6F8AFF);
  --color-data-neutral: light-dark(#8494A3, #8C939B);
  --color-data-blue-5: light-dark(#02165E, #02165E);
  --color-data-blue-4: light-dark(#004CBC, #004CBC);
  --color-data-blue-3: light-dark(#2694FE, #2694FE);
  --color-data-blue-2: light-dark(#78BEFF, #78BEFF);
  --color-data-blue-1: light-dark(#DBECFF, #DBECFF);
  --color-data-shamrock-5: light-dark(#0B603D, #0B603D);
  --color-data-shamrock-4: light-dark(#138546, #138546);
  --color-data-shamrock-3: light-dark(#24BB5E, #24BB5E);
  --color-data-shamrock-2: light-dark(#8EF7AA, #8EF7AA);
  --color-data-shamrock-1: light-dark(#D6FEE4, #D6FEE4);
  --color-data-orange-5: light-dark(#A13F04, #A13F04);
  --color-data-orange-4: light-dark(#D66100, #D66100);
  --color-data-orange-3: light-dark(#FD9537, #FD9537);
  --color-data-orange-2: light-dark(#FDB876, #FDB876);
  --color-data-orange-1: light-dark(#FFE6CF, #FFE6CF);
  --color-data-pink-5: light-dark(#8E1073, #8E1073);
  --color-data-pink-4: light-dark(#D123A1, #D123A1);
  --color-data-pink-3: light-dark(#F989D3, #F989D3);
  --color-data-pink-2: light-dark(#FEADE3, #FEADE3);
  --color-data-pink-1: light-dark(#FCE3F4, #FCE3F4);
  --color-data-purple-5: light-dark(#3E0697, #3E0697);
  --color-data-purple-4: light-dark(#6B1EFD, #6B1EFD);
  --color-data-purple-3: light-dark(#9081FF, #9081FF);
  --color-data-purple-2: light-dark(#B3B0FE, #B3B0FE);
  --color-data-purple-1: light-dark(#E8E8FB, #E8E8FB);
  --color-data-red-5: light-dark(#9D0519, #9D0519);
  --color-data-red-4: light-dark(#D31130, #D31130);
  --color-data-red-3: light-dark(#FB7D87, #FB7D87);
  --color-data-red-2: light-dark(#FFB2B8, #FFB2B8);
  --color-data-red-1: light-dark(#FEE4E6, #FEE4E6);
  --color-data-teal-5: light-dark(#08767D, #08767D);
  --color-data-teal-4: light-dark(#0C9293, #0C9293);
  --color-data-teal-3: light-dark(#0DB7AF, #0DB7AF);
  --color-data-teal-2: light-dark(#6CE6D8, #6CE6D8);
  --color-data-teal-1: light-dark(#D7FCF8, #D7FCF8);
  --color-data-yellow-5: light-dark(#8A5001, #8A5001);
  --color-data-yellow-4: light-dark(#D69804, #D69804);
  --color-data-yellow-3: light-dark(#FBCE03, #FBCE03);
  --color-data-yellow-2: light-dark(#FCEC85, #FCEC85);
  --color-data-yellow-1: light-dark(#FDF6BA, #FDF6BA);
  --color-data-gray-5: light-dark(#25363F, #333338);
  --color-data-gray-4: light-dark(#5D6C7B, #666A72);
  --color-data-gray-3: light-dark(#AFB9C4, #B2B8BE);
  --color-data-gray-2: light-dark(#CCD3DB, #D0D3D6);
  --color-data-gray-1: light-dark(#F1F4F7, #F2F4F6);
}
}

@layer astryx-theme {
  :root { color-scheme: light dark; }
  html[data-theme="light"] { color-scheme: light; }
  html[data-theme="dark"] { color-scheme: dark; }

@scope ([data-astryx-theme="pickup-signal"]) to ([data-astryx-theme]) {
  :scope {
    --font-size-4xs: 0.3125rem;
    --font-size-3xs: 0.4375rem;
    --font-size-2xs: 0.5rem;
    --font-size-xs: 0.625rem;
    --font-size-sm: 0.8125rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.25rem;
    --font-size-xl: 1.5625rem;
    --font-size-2xl: 1.9375rem;
    --font-size-3xl: 2.4375rem;
    --font-size-4xl: 3.0625rem;
    --font-size-5xl: 3.8125rem;
    --text-heading-1-size: var(--font-size-2xl);
    --text-heading-1-weight: var(--font-weight-semibold);
    --text-heading-1-leading: 1.4194;
    --text-heading-2-size: var(--font-size-xl);
    --text-heading-2-weight: var(--font-weight-semibold);
    --text-heading-2-leading: 1.44;
    --text-heading-3-size: var(--font-size-lg);
    --text-heading-3-weight: var(--font-weight-semibold);
    --text-heading-3-leading: 1.4;
    --text-heading-4-size: var(--font-size-base);
    --text-heading-4-weight: var(--font-weight-semibold);
    --text-heading-4-leading: 1.5;
    --text-heading-5-size: var(--font-size-sm);
    --text-heading-5-weight: var(--font-weight-semibold);
    --text-heading-5-leading: 1.5385;
    --text-heading-6-size: var(--font-size-xs);
    --text-heading-6-weight: var(--font-weight-semibold);
    --text-heading-6-leading: 1.6;
    --text-body-size: var(--font-size-base);
    --text-body-weight: var(--font-weight-normal);
    --text-body-leading: 1.5;
    --text-large-size: var(--font-size-lg);
    --text-large-weight: var(--font-weight-semibold);
    --text-large-leading: 1.4;
    --text-label-size: var(--font-size-base);
    --text-label-weight: var(--font-weight-medium);
    --text-label-leading: 1.5;
    --text-code-size: var(--font-size-base);
    --text-code-weight: var(--font-weight-normal);
    --text-code-leading: 1.5;
    --text-supporting-size: var(--font-size-sm);
    --text-supporting-weight: var(--font-weight-normal);
    --text-supporting-leading: 1.5385;
    --text-display-1-size: var(--font-size-5xl);
    --text-display-1-weight: var(--font-weight-normal);
    --text-display-1-leading: 1.2459;
    --text-display-2-size: var(--font-size-4xl);
    --text-display-2-weight: var(--font-weight-normal);
    --text-display-2-leading: 1.2245;
    --text-display-3-size: var(--font-size-3xl);
    --text-display-3-weight: var(--font-weight-normal);
    --text-display-3-leading: 1.2308;
    --duration-fast-min: 100ms;
    --duration-fast: 125ms;
    --duration-fast-max: 155ms;
    --duration-medium-min: 200ms;
    --duration-medium: 250ms;
    --duration-medium-max: 315ms;
    --duration-slow-min: 400ms;
    --duration-slow: 500ms;
    --duration-slow-max: 625ms;
    --font-family-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, Helvetica, Arial, sans-serif;
    --font-family-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, Helvetica, Arial, sans-serif;
    --font-family-code: "PS Mono", ui-monospace, "SF Mono", Monaco, Consolas, monospace;
    --color-accent: light-dark(#1f6848, #7cc5a0);
    --color-accent-muted: light-dark(#1f684814, #7cc5a020);
    --color-neutral: light-dark(#17251f0F, #e8f1eb1A);
    --color-background-surface: light-dark(#ffffff, #141a17);
    --color-background-body: light-dark(#f5f6f4, #0f1512);
    --color-background-card: light-dark(#ffffff, #1a211d);
    --color-background-popover: light-dark(#ffffff, #1a211d);
    --color-background-muted: light-dark(#eceeea, #1a211d);
    --color-background-inverted: light-dark(#17251f, #e8f1eb);
    --color-overlay: light-dark(#17251f80, #000000CC);
    --color-overlay-hover: light-dark(#17251f0D, #e8f1eb0D);
    --color-overlay-pressed: light-dark(#17251f1A, #e8f1eb1A);
    --color-text-primary: light-dark(#17251f, #e8f1eb);
    --color-text-secondary: light-dark(#5e6b65, #9db0a7);
    --color-text-disabled: light-dark(#a6b1ab, #5e6b65);
    --color-text-accent: light-dark(#164d35, #7cc5a0);
    --color-on-dark: #ffffff;
    --color-on-light: #17251f;
    --color-on-accent: light-dark(#ffffff, #0f1512);
    --color-on-success: light-dark(#ffffff, #0f1512);
    --color-on-error: light-dark(#ffffff, #0f1512);
    --color-on-warning: light-dark(#17251f, #17251f);
    --color-icon-accent: light-dark(#1f6848, #7cc5a0);
    --color-icon-primary: light-dark(#17251f, #e8f1eb);
    --color-icon-secondary: light-dark(#5e6b65, #9db0a7);
    --color-icon-disabled: light-dark(#a6b1ab, #5e6b65);
    --color-success: light-dark(#1f7a4d, #63c48c);
    --color-success-muted: light-dark(#1f7a4d20, #63c48c20);
    --color-error: light-dark(#b3261e, #ff8a80);
    --color-error-muted: light-dark(#b3261e20, #ff8a8020);
    --color-warning: light-dark(#9a6400, #e0aa3c);
    --color-warning-muted: light-dark(#9a640020, #e0aa3c20);
    --color-border: light-dark(#e3e6e2, #e8f1eb1A);
    --color-border-emphasized: light-dark(#84928b, #5e6b65);
    --color-skeleton: light-dark(#eceeea, #1a211d);
    --color-shadow: light-dark(#17251f1A, #0000004D);
    --color-tint-hover: light-dark(black, white);
    --color-background-blue: light-dark(#1d6fa333, #1d6fa333);
    --color-border-blue: light-dark(#1d6fa3, #7fb8dd);
    --color-icon-blue: light-dark(#1d6fa3, #7fb8dd);
    --color-text-blue: light-dark(#175a85, #9ccbe8);
    --color-background-cyan: light-dark(#1c7a7a33, #1c7a7a33);
    --color-border-cyan: light-dark(#1c7a7a, #6dc4c4);
    --color-icon-cyan: light-dark(#1c7a7a, #6dc4c4);
    --color-text-cyan: light-dark(#155c5c, #8dd4d4);
    --color-background-gray: light-dark(#5e6b6533, #5e6b6533);
    --color-border-gray: light-dark(#e3e6e2, #5e6b65);
    --color-icon-gray: light-dark(#5e6b65, #9db0a7);
    --color-text-gray: light-dark(#17251f, #e8f1eb);
    --color-background-green: light-dark(#1f684833, #7cc5a033);
    --color-border-green: light-dark(#1f6848, #7cc5a0);
    --color-icon-green: light-dark(#1f6848, #7cc5a0);
    --color-text-green: light-dark(#164d35, #9ad9ba);
    --color-background-orange: light-dark(#9a640033, #e0aa3c33);
    --color-border-orange: light-dark(#9a6400, #e0aa3c);
    --color-icon-orange: light-dark(#9a6400, #e0aa3c);
    --color-text-orange: light-dark(#7d5100, #e9c06f);
    --color-background-red: light-dark(#b3261e33, #ff8a8033);
    --color-border-red: light-dark(#b3261e, #ff8a80);
    --color-icon-red: light-dark(#b3261e, #ff8a80);
    --color-text-red: light-dark(#8c1e17, #ffb0a8);
    --color-background-purple: light-dark(#6d3fa333, #b98edd33);
    --color-border-purple: light-dark(#6d3fa3, #b98edd);
    --color-icon-purple: light-dark(#6d3fa3, #b98edd);
    --color-text-purple: light-dark(#59318a, #cdaee8);
    --color-background-pink: light-dark(#a33f7133, #dd8eb433);
    --color-border-pink: light-dark(#a33f71, #dd8eb4);
    --color-icon-pink: light-dark(#a33f71, #dd8eb4);
    --color-text-pink: light-dark(#85305c, #e8aecb);
    --color-background-teal: light-dark(#1f6f6133, #7cc5b733);
    --color-border-teal: light-dark(#1f6f61, #7cc5b7);
    --color-icon-teal: light-dark(#1f6f61, #7cc5b7);
    --color-text-teal: light-dark(#16544a, #9ad9cd);
    --color-background-yellow: light-dark(#8a750033, #d8c04a33);
    --color-border-yellow: light-dark(#8a7500, #d8c04a);
    --color-icon-yellow: light-dark(#8a7500, #d8c04a);
    --color-text-yellow: light-dark(#6e5d00, #e4d182);
  }

  .astryx-heading[data-level="1"] {
    font-family: var(--font-family-heading);
    font-size: var(--text-heading-1-size);
    font-weight: var(--text-heading-1-weight);
    line-height: var(--text-heading-1-leading);
  }

  .astryx-heading[data-level="2"] {
    font-family: var(--font-family-heading);
    font-size: var(--text-heading-2-size);
    font-weight: var(--text-heading-2-weight);
    line-height: var(--text-heading-2-leading);
  }

  .astryx-heading[data-level="3"] {
    font-family: var(--font-family-heading);
    font-size: var(--text-heading-3-size);
    font-weight: var(--text-heading-3-weight);
    line-height: var(--text-heading-3-leading);
  }

  .astryx-heading[data-level="4"] {
    font-family: var(--font-family-heading);
    font-size: var(--text-heading-4-size);
    font-weight: var(--text-heading-4-weight);
    line-height: var(--text-heading-4-leading);
  }

  .astryx-heading[data-level="5"] {
    font-family: var(--font-family-heading);
    font-size: var(--text-heading-5-size);
    font-weight: var(--text-heading-5-weight);
    line-height: var(--text-heading-5-leading);
  }

  .astryx-heading[data-level="6"] {
    font-family: var(--font-family-heading);
    font-size: var(--text-heading-6-size);
    font-weight: var(--text-heading-6-weight);
    line-height: var(--text-heading-6-leading);
  }

  .astryx-heading[data-type="display-1"] {
    font-family: var(--font-family-heading);
    font-size: var(--text-display-1-size);
    line-height: var(--text-display-1-leading);
  }

  .astryx-heading[data-type="display-2"] {
    font-family: var(--font-family-heading);
    font-size: var(--text-display-2-size);
    line-height: var(--text-display-2-leading);
  }

  .astryx-heading[data-type="display-3"] {
    font-family: var(--font-family-heading);
    font-size: var(--text-display-3-size);
    line-height: var(--text-display-3-leading);
  }

  .astryx-text[data-type="body"] {
    font-family: var(--font-family-body);
    font-size: var(--text-body-size);
    line-height: var(--text-body-leading);
  }

  .astryx-text[data-type="large"] {
    font-family: var(--font-family-body);
    font-size: var(--text-large-size);
    line-height: var(--text-large-leading);
  }

  .astryx-text[data-type="label"] {
    font-family: var(--font-family-body);
    font-size: var(--text-label-size);
    line-height: var(--text-label-leading);
  }

  .astryx-text[data-type="code"] {
    font-family: var(--font-family-code);
    font-size: var(--text-code-size);
    line-height: var(--text-code-leading);
  }

  .astryx-text[data-type="supporting"] {
    font-family: var(--font-family-body);
    font-size: var(--text-supporting-size);
    line-height: var(--text-supporting-leading);
  }

  .astryx-text[data-type="display-1"] {
    font-family: var(--font-family-heading);
    font-size: var(--text-display-1-size);
    line-height: var(--text-display-1-leading);
  }

  .astryx-text[data-type="display-2"] {
    font-family: var(--font-family-heading);
    font-size: var(--text-display-2-size);
    line-height: var(--text-display-2-leading);
  }

  .astryx-text[data-type="display-3"] {
    font-family: var(--font-family-heading);
    font-size: var(--text-display-3-size);
    line-height: var(--text-display-3-leading);
  }

  .astryx-text[data-color="primary"] { color: var(--color-text-primary); }

  .astryx-heading[data-color="primary"] { color: var(--color-text-primary); }

  .astryx-text[data-color="secondary"] { color: var(--color-text-secondary); }

  .astryx-heading[data-color="secondary"] { color: var(--color-text-secondary); }

  .astryx-text[data-color="disabled"] { color: var(--color-text-disabled); }

  .astryx-heading[data-color="disabled"] { color: var(--color-text-disabled); }

  .astryx-text[data-color="placeholder"] { color: var(--color-text-secondary); }

  .astryx-heading[data-color="placeholder"] { color: var(--color-text-secondary); }

  .astryx-text[data-color="accent"] { color: var(--color-text-accent); }

  .astryx-heading[data-color="accent"] { color: var(--color-text-accent); }

  .astryx-text[data-size="4xs"] { font-size: var(--font-size-4xs); }

  .astryx-text[data-size="3xs"] { font-size: var(--font-size-3xs); }

  .astryx-text[data-size="2xs"] { font-size: var(--font-size-2xs); }

  .astryx-text[data-size="xsm"] { font-size: var(--font-size-xs); }

  .astryx-text[data-size="sm"] { font-size: var(--font-size-sm); }

  .astryx-text[data-size="base"] { font-size: var(--font-size-base); }

  .astryx-text[data-size="lg"] { font-size: var(--font-size-lg); }

  .astryx-text[data-size="xl"] { font-size: var(--font-size-xl); }

  .astryx-text[data-size="2xl"] { font-size: var(--font-size-2xl); }

  .astryx-text[data-size="3xl"] { font-size: var(--font-size-3xl); }

  .astryx-text[data-size="4xl"] { font-size: var(--font-size-4xl); }

  .astryx-heading[data-weight="normal"] { font-weight: var(--font-weight-normal); }

  .astryx-heading[data-weight="medium"] { font-weight: var(--font-weight-medium); }

  .astryx-heading[data-weight="semibold"] { font-weight: var(--font-weight-semibold); }

  .astryx-heading[data-weight="bold"] { font-weight: var(--font-weight-bold); }
}
}

@layer astryx-theme {
@scope ([data-astryx-theme="pickup-signal"]) to ([data-astryx-theme]) {
  [data-astryx-media="dark"] {
    color-scheme: dark;
    --color-text-primary: var(--color-on-dark);
    --color-icon-primary: var(--color-on-dark);
    --color-accent: var(--color-on-dark);
  }

  [data-astryx-media="light"] {
    color-scheme: light;
    --color-text-primary: var(--color-on-light);
    --color-icon-primary: var(--color-on-light);
    --color-accent: var(--color-on-light);
  }
}
}