/*
 * @generated by `astryx theme build` — do not edit manually.
 * Source: src/themes/callivex/callivex.ts
 * Command: astryx theme build src/themes/callivex/callivex.ts --out dist-callivex/callivex.css
 * Generated: 2026-07-25T13:31:15.214Z
 */


@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="callivex"]) to ([data-astryx-theme]) {
  :scope {
    --color-accent: light-dark(#016c42, #04935a);
    --color-accent-muted: light-dark(#016C4212, #04935A3D);
    --color-on-accent: #ffffff;
    --color-neutral: light-dark(#131E181A, #D8E6DD33);
    --color-background-surface: light-dark(#ffffff, #1b201c);
    --color-background-body: light-dark(#fafaf6, #0f1210);
    --color-overlay: light-dark(#131E1866, #131E1899);
    --color-overlay-hover: light-dark(#0F172A0A, #FFFFFF0C);
    --color-overlay-pressed: light-dark(#0F172A14, #FFFFFF19);
    --color-background-muted: light-dark(#f3f3ed, #161a17);
    --color-text-primary: light-dark(#0c1119, #e7eae6);
    --color-text-secondary: light-dark(#3c4654, #a9b1aa);
    --color-text-disabled: light-dark(#9aa3b0, #6f7770);
    --color-text-accent: light-dark(#016c42, #04935a);
    --color-icon-accent: light-dark(#016c42, #04935a);
    --color-icon-primary: light-dark(#0c1119, #e7eae6);
    --color-icon-secondary: light-dark(#3c4654, #a9b1aa);
    --color-icon-disabled: light-dark(#9aa3b0, #6f7770);
    --color-background-card: light-dark(#ffffff, #161a17);
    --color-background-popover: light-dark(#ffffff, #1e231f);
    --color-background-inverted: light-dark(#0c1119, #ffffff);
    --color-border: light-dark(#0F172A0F, #FFFFFF14);
    --color-border-emphasized: light-dark(#0F172A21, #3e4540);
    --color-skeleton: light-dark(#9CB0A4, #3A4B40);
    --color-track: light-dark(#9CB0A4, #3A4B40);
    --color-shadow: light-dark(#0F172A1A, #0000004D);
    --color-tint-hover: light-dark(black, white);
    --font-size-4xs: 0.3125rem;
    --font-size-3xs: 0.375rem;
    --font-size-2xs: 0.5rem;
    --font-size-xs: 0.625rem;
    --font-size-sm: 0.75rem;
    --font-size-base: 0.9375rem;
    --font-size-lg: 1.1875rem;
    --font-size-xl: 1.4375rem;
    --font-size-2xl: 1.8125rem;
    --font-size-3xl: 2.3125rem;
    --font-size-4xl: 2.875rem;
    --font-size-5xl: 3.5625rem;
    --text-heading-1-size: var(--font-size-2xl);
    --text-heading-1-weight: var(--font-weight-semibold);
    --text-heading-1-leading: 1.3793;
    --text-heading-2-size: var(--font-size-xl);
    --text-heading-2-weight: var(--font-weight-semibold);
    --text-heading-2-leading: 1.3913;
    --text-heading-3-size: var(--font-size-lg);
    --text-heading-3-weight: var(--font-weight-semibold);
    --text-heading-3-leading: 1.4737;
    --text-heading-4-size: var(--font-size-base);
    --text-heading-4-weight: var(--font-weight-semibold);
    --text-heading-4-leading: 1.6;
    --text-heading-5-size: var(--font-size-sm);
    --text-heading-5-weight: var(--font-weight-semibold);
    --text-heading-5-leading: 1.6667;
    --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.6;
    --text-large-size: var(--font-size-lg);
    --text-large-weight: var(--font-weight-semibold);
    --text-large-leading: 1.4737;
    --text-label-size: var(--font-size-base);
    --text-label-weight: var(--font-weight-medium);
    --text-label-leading: 1.6;
    --text-code-size: var(--font-size-base);
    --text-code-weight: var(--font-weight-normal);
    --text-code-leading: 1.6;
    --text-supporting-size: var(--font-size-sm);
    --text-supporting-weight: var(--font-weight-normal);
    --text-supporting-leading: 1.6667;
    --text-display-1-size: var(--font-size-5xl);
    --text-display-1-weight: var(--font-weight-normal);
    --text-display-1-leading: 1.2632;
    --text-display-2-size: var(--font-size-4xl);
    --text-display-2-weight: var(--font-weight-normal);
    --text-display-2-leading: 1.2174;
    --text-display-3-size: var(--font-size-3xl);
    --text-display-3-weight: var(--font-weight-normal);
    --text-display-3-leading: 1.2973;
    --duration-fast-min: 90ms;
    --duration-fast: 120ms;
    --duration-fast-max: 160ms;
    --duration-medium-min: 225ms;
    --duration-medium: 300ms;
    --duration-medium-max: 400ms;
    --ease-standard: cubic-bezier(0.23, 1, 0.32, 1);
    --font-family-body: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-family-heading: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-family-code: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, monospace;
    --color-success: light-dark(#016c42, #2aa96f);
    --color-success-muted: light-dark(#016C4233, #2AA96F3F);
    --color-on-success: #ffffff;
    --color-warning: light-dark(#b87a14, #d99a33);
    --color-warning-muted: light-dark(#B87A1433, #D99A333F);
    --color-on-warning: light-dark(#ffffff, #0c1119);
    --color-error: light-dark(#c0382b, #e05a4b);
    --color-error-muted: light-dark(#C0382B33, #E05A4B3F);
    --color-on-error: #ffffff;
    --radius-inner: 4px;
    --radius-element: 8px;
    --radius-container: 12px;
    --radius-page: 24px;
    --radius-chat: 24px;
    --shadow-low: light-dark(0 1px 2px rgba(15, 23, 42, 0.04), 0 2px 8px -2px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(0, 0, 0, 0.30), 0 2px 8px -2px rgba(0, 0, 0, 0.40));
    --shadow-med: light-dark(0 12px 28px -16px rgba(15, 23, 42, 0.18), 0 4px 12px -6px rgba(15, 23, 42, 0.06), 0 12px 28px -16px rgba(0, 0, 0, 0.55), 0 4px 12px -6px rgba(0, 0, 0, 0.35));
    --shadow-high: light-dark(0 28px 56px -28px rgba(15, 23, 42, 0.20), 0 12px 24px -12px rgba(15, 23, 42, 0.08), 0 28px 56px -28px rgba(0, 0, 0, 0.65), 0 12px 24px -12px rgba(0, 0, 0, 0.40));
    --shadow-inset-hover: inset 0px 0px 0px 2px light-dark(#0F172A26, #FFFFFF33);
    --shadow-inset-selected: inset 0px 0px 0px 2px #016C424D;
    --shadow-inset-success: inset 0px 0px 0px 2px #016C424D;
    --shadow-inset-warning: inset 0px 0px 0px 2px #B87A144D;
    --shadow-inset-error: inset 0px 0px 0px 2px #C0382B4D;
  }

  .astryx-heading.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.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.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.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.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.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-text.body {
    font-family: var(--font-family-body);
    font-size: var(--text-body-size);
    line-height: var(--text-body-leading);
  }

  .astryx-text.large {
    font-family: var(--font-family-body);
    font-size: var(--text-large-size);
    line-height: var(--text-large-leading);
  }

  .astryx-text.label {
    font-family: var(--font-family-body);
    font-size: var(--text-label-size);
    line-height: var(--text-label-leading);
  }

  .astryx-text.code {
    font-family: var(--font-family-code);
    font-size: var(--text-code-size);
    line-height: var(--text-code-leading);
  }

  .astryx-text.supporting {
    font-family: var(--font-family-body);
    font-size: var(--text-supporting-size);
    line-height: var(--text-supporting-leading);
  }

  .astryx-text.display-1 {
    font-family: var(--font-family-heading);
    font-size: var(--text-display-1-size);
    line-height: var(--text-display-1-leading);
  }

  .astryx-text.display-2 {
    font-family: var(--font-family-heading);
    font-size: var(--text-display-2-size);
    line-height: var(--text-display-2-leading);
  }

  .astryx-text.display-3 {
    font-family: var(--font-family-heading);
    font-size: var(--text-display-3-size);
    line-height: var(--text-display-3-leading);
  }

  .astryx-text.primary { color: var(--color-text-primary); }

  .astryx-heading.primary { color: var(--color-text-primary); }

  .astryx-text.secondary { color: var(--color-text-secondary); }

  .astryx-heading.secondary { color: var(--color-text-secondary); }

  .astryx-text.disabled { color: var(--color-text-disabled); }

  .astryx-heading.disabled { color: var(--color-text-disabled); }

  .astryx-text.placeholder { color: var(--color-text-secondary); }

  .astryx-heading.placeholder { color: var(--color-text-secondary); }

  .astryx-text.accent { color: var(--color-text-accent); }

  .astryx-heading.accent { color: var(--color-text-accent); }
}
}

@layer astryx-theme {
@scope ([data-astryx-theme="callivex"]) 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);
  }
}
}