/* D6 theme for Shevek. GENERATED by build_theme.py, do not edit by hand: change the
   script and run it. Tokens from d6-brand (see README.md). */

@font-face {
  font-family: "Saira";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  font-stretch: 50% 125%;
  src: url(fonts/saira-latin-wdth-normal.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Saira";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  font-stretch: 50% 125%;
  src: url(fonts/saira-latin-ext-wdth-normal.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 100 700;
  font-stretch: 75% 100%;
  src: url(fonts/ibm-plex-sans-latin-wdth-normal.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 100 700;
  font-stretch: 75% 100%;
  src: url(fonts/ibm-plex-sans-latin-ext-wdth-normal.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(fonts/jetbrains-mono-latin-wght-normal.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(fonts/jetbrains-mono-latin-ext-wght-normal.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Light: Paper ground, white cards, the 700s. */
:root {
  /* primary */
  --ui-color-primary-50: #FFF5EA;
  --ui-color-primary-100: #FFE7CC;
  --ui-color-primary-200: #FFCC94;
  --ui-color-primary-300: #FFAD5C;
  --ui-color-primary-400: #FF9133;
  --ui-color-primary-500: #F5770F;
  --ui-color-primary-600: #D35E05;
  --ui-color-primary-700: #AD4A07;
  --ui-color-primary-800: #8A3C0C;
  --ui-color-primary-900: #70320E;
  --ui-color-primary-950: #3F1804;
  /* secondary */
  --ui-color-secondary-50: #F8FFEE;
  --ui-color-secondary-100: #EDFFD1;
  --ui-color-secondary-200: #E1FFB0;
  --ui-color-secondary-300: #D5FF86;
  --ui-color-secondary-400: #C4FF1F;
  --ui-color-secondary-500: #ABE009;
  --ui-color-secondary-600: #8BB700;
  --ui-color-secondary-700: #608000;
  --ui-color-secondary-800: #4C6500;
  --ui-color-secondary-900: #3B5000;
  --ui-color-secondary-950: #1F2C00;
  /* success */
  --ui-color-success-50: #ECFDF5;
  --ui-color-success-100: #D1FAE5;
  --ui-color-success-200: #A7F3D0;
  --ui-color-success-300: #6EE7B7;
  --ui-color-success-400: #34D399;
  --ui-color-success-500: #10B981;
  --ui-color-success-600: #059669;
  --ui-color-success-700: #047857;
  --ui-color-success-800: #065F46;
  --ui-color-success-900: #064E3B;
  --ui-color-success-950: #022C22;
  /* info */
  --ui-color-info-50: #F0F9FF;
  --ui-color-info-100: #E0F2FE;
  --ui-color-info-200: #BAE6FD;
  --ui-color-info-300: #7DD3FC;
  --ui-color-info-400: #38BDF8;
  --ui-color-info-500: #0EA5E9;
  --ui-color-info-600: #0284C7;
  --ui-color-info-700: #0369A1;
  --ui-color-info-800: #075985;
  --ui-color-info-900: #0C4A6E;
  --ui-color-info-950: #082F49;
  /* warning */
  --ui-color-warning-50: #FEFCE8;
  --ui-color-warning-100: #FEF9C3;
  --ui-color-warning-200: #FEF08A;
  --ui-color-warning-300: #FDE047;
  --ui-color-warning-400: #FACC15;
  --ui-color-warning-500: #EAB308;
  --ui-color-warning-600: #CA8A04;
  --ui-color-warning-700: #A16207;
  --ui-color-warning-800: #854D0E;
  --ui-color-warning-900: #713F12;
  --ui-color-warning-950: #422006;
  /* error */
  --ui-color-error-50: #FEF2F2;
  --ui-color-error-100: #FEE2E2;
  --ui-color-error-200: #FECACA;
  --ui-color-error-300: #FCA5A5;
  --ui-color-error-400: #F87171;
  --ui-color-error-500: #EF4444;
  --ui-color-error-600: #DC2626;
  --ui-color-error-700: #B91C1C;
  --ui-color-error-800: #991B1B;
  --ui-color-error-900: #7F1D1D;
  --ui-color-error-950: #450A0A;
  /* neutral */
  --ui-color-neutral-50: #F6F5F2;
  --ui-color-neutral-100: #ECEAE5;
  --ui-color-neutral-200: #D9D6CE;
  --ui-color-neutral-300: #BCB8AE;
  --ui-color-neutral-400: #99948A;
  --ui-color-neutral-500: #78736A;
  --ui-color-neutral-600: #5C5851;
  --ui-color-neutral-700: #46433E;
  --ui-color-neutral-800: #2E2C29;
  --ui-color-neutral-900: #1D1C1A;
  --ui-color-neutral-950: #121210;

  /* aliases: the 700s (Flux 800) */
  --ui-primary: #AD4A07;
  --ui-secondary: #4C6500;
  --ui-success: #047857;
  --ui-info: #0369A1;
  --ui-warning: #A16207;
  --ui-error: #B91C1C;

  /* surfaces, borders, text */
  --ui-bg: #FFFFFF;
  --ui-bg-muted: #F6F5F2;
  --ui-bg-elevated: #ECEAE5;
  --ui-bg-accented: #D9D6CE;
  --ui-bg-inverted: #1D1C1A;
  --ui-border: #D9D6CE;
  --ui-border-muted: #ECEAE5;
  --ui-border-accented: #BCB8AE;
  --ui-border-inverted: #1D1C1A;
  --ui-text: #46433E;
  --ui-text-toned: #46433E;
  --ui-text-muted: #5C5851;
  --ui-text-dimmed: #78736A;
  --ui-text-highlighted: #1D1C1A;
  --ui-text-inverted: #FFFFFF;
  --ui-radius: 0.25rem;

  /* fonts */
  --font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Shevek: page area, sidebar, status text (done = Plasma: completed runs) */
  --shevek-page: #F6F5F2;
  --shevek-sidebar: #FFFFFF;
  --shevek-status-success: #047857;
  --shevek-status-warning: #854D0E;
  --shevek-status-error: #B91C1C;
  --shevek-status-info: #0369A1;
  --shevek-status-done: #8225C0;
}

/* Dark: Carbon ground. The class sits on <html>; it comes after :root so it wins at equal specificity. */
.dark {
  /* primary */
  --ui-color-primary-50: #FFF5EA;
  --ui-color-primary-100: #FFE7CC;
  --ui-color-primary-200: #FFCC94;
  --ui-color-primary-300: #FFAD5C;
  --ui-color-primary-400: #FF9133;
  --ui-color-primary-500: #F5770F;
  --ui-color-primary-600: #D35E05;
  --ui-color-primary-700: #AD4A07;
  --ui-color-primary-800: #8A3C0C;
  --ui-color-primary-900: #70320E;
  --ui-color-primary-950: #3F1804;
  /* secondary */
  --ui-color-secondary-50: #F8FFEE;
  --ui-color-secondary-100: #EDFFD1;
  --ui-color-secondary-200: #E1FFB0;
  --ui-color-secondary-300: #D5FF86;
  --ui-color-secondary-400: #C4FF1F;
  --ui-color-secondary-500: #ABE009;
  --ui-color-secondary-600: #8BB700;
  --ui-color-secondary-700: #608000;
  --ui-color-secondary-800: #4C6500;
  --ui-color-secondary-900: #3B5000;
  --ui-color-secondary-950: #1F2C00;
  /* success */
  --ui-color-success-50: #ECFDF5;
  --ui-color-success-100: #D1FAE5;
  --ui-color-success-200: #A7F3D0;
  --ui-color-success-300: #6EE7B7;
  --ui-color-success-400: #34D399;
  --ui-color-success-500: #10B981;
  --ui-color-success-600: #059669;
  --ui-color-success-700: #047857;
  --ui-color-success-800: #065F46;
  --ui-color-success-900: #064E3B;
  --ui-color-success-950: #022C22;
  /* info */
  --ui-color-info-50: #F0F9FF;
  --ui-color-info-100: #E0F2FE;
  --ui-color-info-200: #BAE6FD;
  --ui-color-info-300: #7DD3FC;
  --ui-color-info-400: #38BDF8;
  --ui-color-info-500: #0EA5E9;
  --ui-color-info-600: #0284C7;
  --ui-color-info-700: #0369A1;
  --ui-color-info-800: #075985;
  --ui-color-info-900: #0C4A6E;
  --ui-color-info-950: #082F49;
  /* warning */
  --ui-color-warning-50: #FEFCE8;
  --ui-color-warning-100: #FEF9C3;
  --ui-color-warning-200: #FEF08A;
  --ui-color-warning-300: #FDE047;
  --ui-color-warning-400: #FACC15;
  --ui-color-warning-500: #EAB308;
  --ui-color-warning-600: #CA8A04;
  --ui-color-warning-700: #A16207;
  --ui-color-warning-800: #854D0E;
  --ui-color-warning-900: #713F12;
  --ui-color-warning-950: #422006;
  /* error */
  --ui-color-error-50: #FEF2F2;
  --ui-color-error-100: #FEE2E2;
  --ui-color-error-200: #FECACA;
  --ui-color-error-300: #FCA5A5;
  --ui-color-error-400: #F87171;
  --ui-color-error-500: #EF4444;
  --ui-color-error-600: #DC2626;
  --ui-color-error-700: #B91C1C;
  --ui-color-error-800: #991B1B;
  --ui-color-error-900: #7F1D1D;
  --ui-color-error-950: #450A0A;
  /* neutral */
  --ui-color-neutral-50: #F6F5F2;
  --ui-color-neutral-100: #ECEAE5;
  --ui-color-neutral-200: #D9D6CE;
  --ui-color-neutral-300: #BCB8AE;
  --ui-color-neutral-400: #99948A;
  --ui-color-neutral-500: #78736A;
  --ui-color-neutral-600: #5C5851;
  --ui-color-neutral-700: #46433E;
  --ui-color-neutral-800: #2E2C29;
  --ui-color-neutral-900: #1D1C1A;
  --ui-color-neutral-950: #121210;

  /* aliases: the 400s */
  --ui-primary: #FF9133;
  --ui-secondary: #C4FF1F;
  --ui-success: #34D399;
  --ui-info: #38BDF8;
  --ui-warning: #FACC15;
  --ui-error: #F87171;

  /* surfaces, borders, text */
  --ui-bg: #1D1C1A;
  --ui-bg-muted: #262522;
  --ui-bg-elevated: #262522;
  --ui-bg-accented: #2E2C29;
  --ui-bg-inverted: #FFFFFF;
  --ui-border: #2E2C29;
  --ui-border-muted: #2E2C29;
  --ui-border-accented: #46433E;
  --ui-border-inverted: #FFFFFF;
  --ui-text: #D9D6CE;
  --ui-text-toned: #BCB8AE;
  --ui-text-muted: #99948A;
  --ui-text-dimmed: #78736A;
  --ui-text-highlighted: #FFFFFF;
  --ui-text-inverted: #121210;
  --ui-radius: 0.25rem;

  /* fonts */
  --font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Shevek: page area, sidebar, status text (done = Plasma: completed runs) */
  --shevek-page: #121210;
  --shevek-sidebar: #1D1C1A;
  --shevek-status-success: #34D399;
  --shevek-status-warning: #FACC15;
  --shevek-status-error: #F87171;
  --shevek-status-info: #38BDF8;
  --shevek-status-done: #BA86E7;
}

/* Class hooks the app keeps stable. The brand name is "Shevek" in the DOM and shown as the
   wordmark SHEVEK. */
.shevek-brand-name {
  font-family: "Saira", var(--font-sans);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.shevek-page-title {
  font-family: "Saira", var(--font-sans);
  font-weight: 600;
}