:root, :root.ios, :root.md {
  --cobd-color-primary: #72cadb;
  --ion-color-primary: #72cadb;
  --ion-color-primary-rgb: 114, 202, 219;
  --ion-color-primary-contrast: #000000;
  --ion-color-primary-contrast-rgb: 0, 0, 0;
  --ion-color-primary-shade: #64b2c1;
  --ion-color-primary-tint: #80cfdf;
  --cobd-color-primary-contrast: #000000;
  --cobd-color-primary-strong: #115a6a;
  --cobd-color-secondary: #de1818;
  --ion-color-secondary: #de1818;
  --ion-color-secondary-rgb: 222, 24, 24;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #c31515;
  --ion-color-secondary-tint: #e12f2f;
  --cobd-color-secondary-contrast: #ffffff;
  --cobd-color-secondary-strong: #b30e0e;
  --cobd-color-tertiary: #2d5e3a;
  --ion-color-tertiary: #2d5e3a;
  --ion-color-tertiary-rgb: 45, 94, 58;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #285333;
  --ion-color-tertiary-tint: #426e4e;
  --cobd-color-tertiary-contrast: #ffffff;
  --cobd-color-tertiary-strong: #1e4426;
  --cobd-color-success: #2dd36f;
  --ion-color-success: #2dd36f;
  --ion-color-success-rgb: 45, 211, 111;
  --ion-color-success-contrast: #000000;
  --ion-color-success-contrast-rgb: 0, 0, 0;
  --ion-color-success-shade: #28ba62;
  --ion-color-success-tint: #42d77d;
  --cobd-color-success-contrast: #000000;
  --cobd-color-success-strong: #0e7c41;
  --cobd-color-warning: #ffc409;
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb: 255, 196, 9;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  --cobd-color-warning-contrast: #000000;
  --cobd-color-warning-strong: #8a5a00;
  --cobd-color-danger: #c5283b;
  --ion-color-danger: #c5283b;
  --ion-color-danger-rgb: 197, 40, 59;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #ad2334;
  --ion-color-danger-tint: #cb3e4f;
  --cobd-color-danger-contrast: #ffffff;
  --cobd-color-danger-strong: #a31f30;
  --cobd-color-medium: #92949c;
  --ion-color-medium: #92949c;
  --ion-color-medium-rgb: 146, 148, 156;
  --ion-color-medium-contrast: #000000;
  --ion-color-medium-contrast-rgb: 0, 0, 0;
  --ion-color-medium-shade: #808289;
  --ion-color-medium-tint: #9d9fa6;
  --cobd-color-medium-contrast: #000000;
  --cobd-color-light: #f4f5f8;
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb: 244, 245, 248;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  --cobd-color-light-contrast: #000000;
  --cobd-color-background: #ffffff;
  --cobd-color-foreground: #1a1a1a;
  --cobd-color-toolbar-background: #72cadb;
  --cobd-color-toolbar-foreground: #000000;
  --cobd-color-link: #0044a3;
  --cobd-color-link-visited: #5c2a91;
  --cobd-spacing-xs: 4px;
  --cobd-spacing-sm: 8px;
  --cobd-spacing-md: 16px;
  --cobd-spacing-lg: 24px;
  --cobd-spacing-xl: 32px;
  --cobd-spacing-2xl: 48px;
  --cobd-spacing-3xl: 64px;
  --cobd-radius-sm: 4px;
  --cobd-radius-md: 8px;
  --cobd-radius-lg: 16px;
  --cobd-radius-xl: 24px;
  --cobd-radius-pill: 9999px;
  --cobd-typography-family-sans: 'Atkinson Hyperlegible', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --cobd-typography-family-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --cobd-typography-size-xs: 0.75rem;
  --cobd-typography-size-sm: 0.875rem;
  --cobd-typography-size-md: 1rem;
  --cobd-typography-size-lg: 1.25rem;
  --cobd-typography-size-xl: 1.5rem;
  --cobd-typography-size-2xl: 2rem;
  --cobd-typography-size-3xl: 2.5rem;
  --cobd-typography-weight-regular: 400;
  --cobd-typography-weight-medium: 500;
  --cobd-typography-weight-bold: 700;
  --cobd-typography-line-tight: 1.2;
  --cobd-typography-line-default: 1.5;
  --cobd-typography-line-loose: 1.75;
  --cobd-shadows-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --cobd-shadows-md: 0 4px 8px rgba(0, 0, 0, 0.08);
  --cobd-shadows-lg: 0 12px 24px rgba(0, 0, 0, 0.12);
  --cobd-motion-duration-fast: 120ms;
  --cobd-motion-duration-default: 200ms;
  --cobd-motion-duration-slow: 320ms;
  --cobd-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --cobd-motion-easing-decelerate: cubic-bezier(0, 0, 0, 1);
  --cobd-motion-easing-accelerate: cubic-bezier(0.3, 0, 1, 1);
  --ion-background-color: #ffffff;
  --ion-background-color-rgb: 255, 255, 255;
  --ion-text-color: #1a1a1a;
  --ion-text-color-rgb: 26, 26, 26;
  --ion-toolbar-background: #72cadb;
  --ion-toolbar-color: #000000;
}

@media (prefers-color-scheme: dark) {
  :root, :root.ios, :root.md {
    --cobd-color-primary: #8fd8e6;
    --ion-color-primary: #8fd8e6;
    --ion-color-primary-rgb: 143, 216, 230;
    --ion-color-primary-contrast: #000000;
    --ion-color-primary-contrast-rgb: 0, 0, 0;
    --ion-color-primary-shade: #7ebeca;
    --ion-color-primary-tint: #9adce9;
    --cobd-color-primary-contrast: #000000;
    --cobd-color-primary-strong: #8fd8e6;
    --cobd-color-secondary: #f25555;
    --ion-color-secondary: #f25555;
    --ion-color-secondary-rgb: 242, 85, 85;
    --ion-color-secondary-contrast: #000000;
    --ion-color-secondary-contrast-rgb: 0, 0, 0;
    --ion-color-secondary-shade: #d54b4b;
    --ion-color-secondary-tint: #f36666;
    --cobd-color-secondary-contrast: #000000;
    --cobd-color-secondary-strong: #f25555;
    --cobd-color-tertiary: #5d9870;
    --ion-color-tertiary: #5d9870;
    --ion-color-tertiary-rgb: 93, 152, 112;
    --ion-color-tertiary-contrast: #000000;
    --ion-color-tertiary-contrast-rgb: 0, 0, 0;
    --ion-color-tertiary-shade: #528663;
    --ion-color-tertiary-tint: #6da27e;
    --cobd-color-tertiary-contrast: #000000;
    --cobd-color-tertiary-strong: #5d9870;
    --cobd-color-success: #5fdc8b;
    --ion-color-success: #5fdc8b;
    --ion-color-success-rgb: 95, 220, 139;
    --ion-color-success-contrast: #000000;
    --ion-color-success-contrast-rgb: 0, 0, 0;
    --ion-color-success-shade: #54c27a;
    --ion-color-success-tint: #6fe097;
    --cobd-color-success-contrast: #000000;
    --cobd-color-success-strong: #5fdc8b;
    --cobd-color-warning: #ffd23d;
    --ion-color-warning: #ffd23d;
    --ion-color-warning-rgb: 255, 210, 61;
    --ion-color-warning-contrast: #000000;
    --ion-color-warning-contrast-rgb: 0, 0, 0;
    --ion-color-warning-shade: #e0b936;
    --ion-color-warning-tint: #ffd750;
    --cobd-color-warning-contrast: #000000;
    --cobd-color-warning-strong: #ffd23d;
    --cobd-color-danger: #b53e51;
    --ion-color-danger: #b53e51;
    --ion-color-danger-rgb: 181, 62, 81;
    --ion-color-danger-contrast: #ffffff;
    --ion-color-danger-contrast-rgb: 255, 255, 255;
    --ion-color-danger-shade: #9f3747;
    --ion-color-danger-tint: #bc5162;
    --cobd-color-danger-contrast: #ffffff;
    --cobd-color-danger-strong: #b53e51;
    --cobd-color-medium: #a3a5ad;
    --ion-color-medium: #a3a5ad;
    --ion-color-medium-rgb: 163, 165, 173;
    --ion-color-medium-contrast: #000000;
    --ion-color-medium-contrast-rgb: 0, 0, 0;
    --ion-color-medium-shade: #8f9198;
    --ion-color-medium-tint: #acaeb5;
    --cobd-color-medium-contrast: #000000;
    --cobd-color-light: #2a2b30;
    --ion-color-light: #2a2b30;
    --ion-color-light-rgb: 42, 43, 48;
    --ion-color-light-contrast: #ffffff;
    --ion-color-light-contrast-rgb: 255, 255, 255;
    --ion-color-light-shade: #25262a;
    --ion-color-light-tint: #3f4045;
    --cobd-color-light-contrast: #ffffff;
    --cobd-color-background: #121212;
    --cobd-color-foreground: #f0f0f0;
    --cobd-color-toolbar-background: #1a3540;
    --cobd-color-toolbar-foreground: #f0f0f0;
    --cobd-color-link: #7eaeec;
    --cobd-color-link-visited: #b794dd;
    --cobd-spacing-xs: 4px;
    --cobd-spacing-sm: 8px;
    --cobd-spacing-md: 16px;
    --cobd-spacing-lg: 24px;
    --cobd-spacing-xl: 32px;
    --cobd-spacing-2xl: 48px;
    --cobd-spacing-3xl: 64px;
    --cobd-radius-sm: 4px;
    --cobd-radius-md: 8px;
    --cobd-radius-lg: 16px;
    --cobd-radius-xl: 24px;
    --cobd-radius-pill: 9999px;
    --cobd-typography-family-sans: 'Atkinson Hyperlegible', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --cobd-typography-family-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
    --cobd-typography-size-xs: 0.75rem;
    --cobd-typography-size-sm: 0.875rem;
    --cobd-typography-size-md: 1rem;
    --cobd-typography-size-lg: 1.25rem;
    --cobd-typography-size-xl: 1.5rem;
    --cobd-typography-size-2xl: 2rem;
    --cobd-typography-size-3xl: 2.5rem;
    --cobd-typography-weight-regular: 400;
    --cobd-typography-weight-medium: 500;
    --cobd-typography-weight-bold: 700;
    --cobd-typography-line-tight: 1.2;
    --cobd-typography-line-default: 1.5;
    --cobd-typography-line-loose: 1.75;
    --cobd-shadows-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --cobd-shadows-md: 0 4px 8px rgba(0, 0, 0, 0.5);
    --cobd-shadows-lg: 0 12px 24px rgba(0, 0, 0, 0.6);
    --cobd-motion-duration-fast: 120ms;
    --cobd-motion-duration-default: 200ms;
    --cobd-motion-duration-slow: 320ms;
    --cobd-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
    --cobd-motion-easing-decelerate: cubic-bezier(0, 0, 0, 1);
    --cobd-motion-easing-accelerate: cubic-bezier(0.3, 0, 1, 1);
    --ion-background-color: #121212;
    --ion-background-color-rgb: 18, 18, 18;
    --ion-text-color: #f0f0f0;
    --ion-text-color-rgb: 240, 240, 240;
    --ion-toolbar-background: #1a3540;
    --ion-toolbar-color: #f0f0f0;
  }
}

@media (prefers-contrast: more) {
  :root, :root.ios, :root.md {
    --cobd-color-primary: #115a6a;
    --ion-color-primary: #115a6a;
    --ion-color-primary-rgb: 17, 90, 106;
    --ion-color-primary-contrast: #ffffff;
    --ion-color-primary-contrast-rgb: 255, 255, 255;
    --ion-color-primary-shade: #0f4f5d;
    --ion-color-primary-tint: #296b79;
    --cobd-color-primary-contrast: #ffffff;
    --cobd-color-primary-strong: #115a6a;
    --cobd-color-secondary: #8a0606;
    --ion-color-secondary: #8a0606;
    --ion-color-secondary-rgb: 138, 6, 6;
    --ion-color-secondary-contrast: #ffffff;
    --ion-color-secondary-contrast-rgb: 255, 255, 255;
    --ion-color-secondary-shade: #790505;
    --ion-color-secondary-tint: #961f1f;
    --cobd-color-secondary-contrast: #ffffff;
    --cobd-color-secondary-strong: #8a0606;
    --cobd-color-tertiary: #0d2d17;
    --ion-color-tertiary: #0d2d17;
    --ion-color-tertiary-rgb: 13, 45, 23;
    --ion-color-tertiary-contrast: #ffffff;
    --ion-color-tertiary-contrast-rgb: 255, 255, 255;
    --ion-color-tertiary-shade: #0b2814;
    --ion-color-tertiary-tint: #25422e;
    --cobd-color-tertiary-contrast: #ffffff;
    --cobd-color-tertiary-strong: #0d2d17;
    --cobd-color-success: #005522;
    --ion-color-success: #005522;
    --ion-color-success-rgb: 0, 85, 34;
    --ion-color-success-contrast: #ffffff;
    --ion-color-success-contrast-rgb: 255, 255, 255;
    --ion-color-success-shade: #004b1e;
    --ion-color-success-tint: #1a6638;
    --cobd-color-success-contrast: #ffffff;
    --cobd-color-success-strong: #005522;
    --cobd-color-warning: #6b4500;
    --ion-color-warning: #6b4500;
    --ion-color-warning-rgb: 107, 69, 0;
    --ion-color-warning-contrast: #ffffff;
    --ion-color-warning-contrast-rgb: 255, 255, 255;
    --ion-color-warning-shade: #5e3d00;
    --ion-color-warning-tint: #7a581a;
    --cobd-color-warning-contrast: #ffffff;
    --cobd-color-warning-strong: #6b4500;
    --cobd-color-danger: #8a0010;
    --ion-color-danger: #8a0010;
    --ion-color-danger-rgb: 138, 0, 16;
    --ion-color-danger-contrast: #ffffff;
    --ion-color-danger-contrast-rgb: 255, 255, 255;
    --ion-color-danger-shade: #79000e;
    --ion-color-danger-tint: #961a28;
    --cobd-color-danger-contrast: #ffffff;
    --cobd-color-danger-strong: #8a0010;
    --cobd-color-medium: #333333;
    --ion-color-medium: #333333;
    --ion-color-medium-rgb: 51, 51, 51;
    --ion-color-medium-contrast: #ffffff;
    --ion-color-medium-contrast-rgb: 255, 255, 255;
    --ion-color-medium-shade: #2d2d2d;
    --ion-color-medium-tint: #474747;
    --cobd-color-medium-contrast: #ffffff;
    --cobd-color-light: #ffffff;
    --ion-color-light: #ffffff;
    --ion-color-light-rgb: 255, 255, 255;
    --ion-color-light-contrast: #000000;
    --ion-color-light-contrast-rgb: 0, 0, 0;
    --ion-color-light-shade: #e0e0e0;
    --ion-color-light-tint: #ffffff;
    --cobd-color-light-contrast: #000000;
    --cobd-color-background: #ffffff;
    --cobd-color-foreground: #000000;
    --cobd-color-toolbar-background: #000000;
    --cobd-color-toolbar-foreground: #ffffff;
    --cobd-color-link: #001a55;
    --cobd-color-link-visited: #2a0066;
    --cobd-spacing-xs: 4px;
    --cobd-spacing-sm: 8px;
    --cobd-spacing-md: 16px;
    --cobd-spacing-lg: 24px;
    --cobd-spacing-xl: 32px;
    --cobd-spacing-2xl: 48px;
    --cobd-spacing-3xl: 64px;
    --cobd-radius-sm: 4px;
    --cobd-radius-md: 8px;
    --cobd-radius-lg: 16px;
    --cobd-radius-xl: 24px;
    --cobd-radius-pill: 9999px;
    --cobd-typography-family-sans: 'Atkinson Hyperlegible', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --cobd-typography-family-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
    --cobd-typography-size-xs: 0.75rem;
    --cobd-typography-size-sm: 0.875rem;
    --cobd-typography-size-md: 1rem;
    --cobd-typography-size-lg: 1.25rem;
    --cobd-typography-size-xl: 1.5rem;
    --cobd-typography-size-2xl: 2rem;
    --cobd-typography-size-3xl: 2.5rem;
    --cobd-typography-weight-regular: 400;
    --cobd-typography-weight-medium: 500;
    --cobd-typography-weight-bold: 700;
    --cobd-typography-line-tight: 1.2;
    --cobd-typography-line-default: 1.5;
    --cobd-typography-line-loose: 1.75;
    --cobd-shadows-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
    --cobd-shadows-md: 0 4px 8px rgba(0, 0, 0, 0.08);
    --cobd-shadows-lg: 0 12px 24px rgba(0, 0, 0, 0.12);
    --cobd-motion-duration-fast: 120ms;
    --cobd-motion-duration-default: 200ms;
    --cobd-motion-duration-slow: 320ms;
    --cobd-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
    --cobd-motion-easing-decelerate: cubic-bezier(0, 0, 0, 1);
    --cobd-motion-easing-accelerate: cubic-bezier(0.3, 0, 1, 1);
    --ion-background-color: #ffffff;
    --ion-background-color-rgb: 255, 255, 255;
    --ion-text-color: #000000;
    --ion-text-color-rgb: 0, 0, 0;
    --ion-toolbar-background: #000000;
    --ion-toolbar-color: #ffffff;
  }
  @media (prefers-color-scheme: dark) {
    :root, :root.ios, :root.md {
      --cobd-color-primary: #b8e4ee;
      --ion-color-primary: #b8e4ee;
      --ion-color-primary-rgb: 184, 228, 238;
      --ion-color-primary-contrast: #000000;
      --ion-color-primary-contrast-rgb: 0, 0, 0;
      --ion-color-primary-shade: #a2c9d1;
      --ion-color-primary-tint: #bfe7f0;
      --cobd-color-primary-contrast: #000000;
      --cobd-color-primary-strong: #b8e4ee;
      --cobd-color-secondary: #ffa8a8;
      --ion-color-secondary: #ffa8a8;
      --ion-color-secondary-rgb: 255, 168, 168;
      --ion-color-secondary-contrast: #000000;
      --ion-color-secondary-contrast-rgb: 0, 0, 0;
      --ion-color-secondary-shade: #e09494;
      --ion-color-secondary-tint: #ffb1b1;
      --cobd-color-secondary-contrast: #000000;
      --cobd-color-secondary-strong: #ffa8a8;
      --cobd-color-tertiary: #a0d5ac;
      --ion-color-tertiary: #a0d5ac;
      --ion-color-tertiary-rgb: 160, 213, 172;
      --ion-color-tertiary-contrast: #000000;
      --ion-color-tertiary-contrast-rgb: 0, 0, 0;
      --ion-color-tertiary-shade: #8dbb97;
      --ion-color-tertiary-tint: #aad9b4;
      --cobd-color-tertiary-contrast: #000000;
      --cobd-color-tertiary-strong: #a0d5ac;
      --cobd-color-success: #7ce39d;
      --ion-color-success: #7ce39d;
      --ion-color-success-rgb: 124, 227, 157;
      --ion-color-success-contrast: #000000;
      --ion-color-success-contrast-rgb: 0, 0, 0;
      --ion-color-success-shade: #6dc88a;
      --ion-color-success-tint: #89e6a7;
      --cobd-color-success-contrast: #000000;
      --cobd-color-success-strong: #7ce39d;
      --cobd-color-warning: #ffd23d;
      --ion-color-warning: #ffd23d;
      --ion-color-warning-rgb: 255, 210, 61;
      --ion-color-warning-contrast: #000000;
      --ion-color-warning-contrast-rgb: 0, 0, 0;
      --ion-color-warning-shade: #e0b936;
      --ion-color-warning-tint: #ffd750;
      --cobd-color-warning-contrast: #000000;
      --cobd-color-warning-strong: #ffd23d;
      --cobd-color-danger: #ff8a98;
      --ion-color-danger: #ff8a98;
      --ion-color-danger-rgb: 255, 138, 152;
      --ion-color-danger-contrast: #000000;
      --ion-color-danger-contrast-rgb: 0, 0, 0;
      --ion-color-danger-shade: #e07986;
      --ion-color-danger-tint: #ff96a2;
      --cobd-color-danger-contrast: #000000;
      --cobd-color-danger-strong: #ff8a98;
      --cobd-color-medium: #cccccc;
      --ion-color-medium: #cccccc;
      --ion-color-medium-rgb: 204, 204, 204;
      --ion-color-medium-contrast: #000000;
      --ion-color-medium-contrast-rgb: 0, 0, 0;
      --ion-color-medium-shade: #b4b4b4;
      --ion-color-medium-tint: #d1d1d1;
      --cobd-color-medium-contrast: #000000;
      --cobd-color-light: #000000;
      --ion-color-light: #000000;
      --ion-color-light-rgb: 0, 0, 0;
      --ion-color-light-contrast: #ffffff;
      --ion-color-light-contrast-rgb: 255, 255, 255;
      --ion-color-light-shade: #000000;
      --ion-color-light-tint: #1a1a1a;
      --cobd-color-light-contrast: #ffffff;
      --cobd-color-background: #000000;
      --cobd-color-foreground: #ffffff;
      --cobd-color-toolbar-background: #000000;
      --cobd-color-toolbar-foreground: #ffffff;
      --cobd-color-link: #a3c6f5;
      --cobd-color-link-visited: #cba8f0;
      --cobd-spacing-xs: 4px;
      --cobd-spacing-sm: 8px;
      --cobd-spacing-md: 16px;
      --cobd-spacing-lg: 24px;
      --cobd-spacing-xl: 32px;
      --cobd-spacing-2xl: 48px;
      --cobd-spacing-3xl: 64px;
      --cobd-radius-sm: 4px;
      --cobd-radius-md: 8px;
      --cobd-radius-lg: 16px;
      --cobd-radius-xl: 24px;
      --cobd-radius-pill: 9999px;
      --cobd-typography-family-sans: 'Atkinson Hyperlegible', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
      --cobd-typography-family-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
      --cobd-typography-size-xs: 0.75rem;
      --cobd-typography-size-sm: 0.875rem;
      --cobd-typography-size-md: 1rem;
      --cobd-typography-size-lg: 1.25rem;
      --cobd-typography-size-xl: 1.5rem;
      --cobd-typography-size-2xl: 2rem;
      --cobd-typography-size-3xl: 2.5rem;
      --cobd-typography-weight-regular: 400;
      --cobd-typography-weight-medium: 500;
      --cobd-typography-weight-bold: 700;
      --cobd-typography-line-tight: 1.2;
      --cobd-typography-line-default: 1.5;
      --cobd-typography-line-loose: 1.75;
      --cobd-shadows-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
      --cobd-shadows-md: 0 4px 8px rgba(0, 0, 0, 0.08);
      --cobd-shadows-lg: 0 12px 24px rgba(0, 0, 0, 0.12);
      --cobd-motion-duration-fast: 120ms;
      --cobd-motion-duration-default: 200ms;
      --cobd-motion-duration-slow: 320ms;
      --cobd-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
      --cobd-motion-easing-decelerate: cubic-bezier(0, 0, 0, 1);
      --cobd-motion-easing-accelerate: cubic-bezier(0.3, 0, 1, 1);
      --ion-background-color: #000000;
      --ion-background-color-rgb: 0, 0, 0;
      --ion-text-color: #ffffff;
      --ion-text-color-rgb: 255, 255, 255;
      --ion-toolbar-background: #000000;
      --ion-toolbar-color: #ffffff;
    }
  }
}

[data-theme="dark"] {
  --cobd-color-primary: #8fd8e6;
  --ion-color-primary: #8fd8e6;
  --ion-color-primary-rgb: 143, 216, 230;
  --ion-color-primary-contrast: #000000;
  --ion-color-primary-contrast-rgb: 0, 0, 0;
  --ion-color-primary-shade: #7ebeca;
  --ion-color-primary-tint: #9adce9;
  --cobd-color-primary-contrast: #000000;
  --cobd-color-primary-strong: #8fd8e6;
  --cobd-color-secondary: #f25555;
  --ion-color-secondary: #f25555;
  --ion-color-secondary-rgb: 242, 85, 85;
  --ion-color-secondary-contrast: #000000;
  --ion-color-secondary-contrast-rgb: 0, 0, 0;
  --ion-color-secondary-shade: #d54b4b;
  --ion-color-secondary-tint: #f36666;
  --cobd-color-secondary-contrast: #000000;
  --cobd-color-secondary-strong: #f25555;
  --cobd-color-tertiary: #5d9870;
  --ion-color-tertiary: #5d9870;
  --ion-color-tertiary-rgb: 93, 152, 112;
  --ion-color-tertiary-contrast: #000000;
  --ion-color-tertiary-contrast-rgb: 0, 0, 0;
  --ion-color-tertiary-shade: #528663;
  --ion-color-tertiary-tint: #6da27e;
  --cobd-color-tertiary-contrast: #000000;
  --cobd-color-tertiary-strong: #5d9870;
  --cobd-color-success: #5fdc8b;
  --ion-color-success: #5fdc8b;
  --ion-color-success-rgb: 95, 220, 139;
  --ion-color-success-contrast: #000000;
  --ion-color-success-contrast-rgb: 0, 0, 0;
  --ion-color-success-shade: #54c27a;
  --ion-color-success-tint: #6fe097;
  --cobd-color-success-contrast: #000000;
  --cobd-color-success-strong: #5fdc8b;
  --cobd-color-warning: #ffd23d;
  --ion-color-warning: #ffd23d;
  --ion-color-warning-rgb: 255, 210, 61;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0b936;
  --ion-color-warning-tint: #ffd750;
  --cobd-color-warning-contrast: #000000;
  --cobd-color-warning-strong: #ffd23d;
  --cobd-color-danger: #b53e51;
  --ion-color-danger: #b53e51;
  --ion-color-danger-rgb: 181, 62, 81;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #9f3747;
  --ion-color-danger-tint: #bc5162;
  --cobd-color-danger-contrast: #ffffff;
  --cobd-color-danger-strong: #b53e51;
  --cobd-color-medium: #a3a5ad;
  --ion-color-medium: #a3a5ad;
  --ion-color-medium-rgb: 163, 165, 173;
  --ion-color-medium-contrast: #000000;
  --ion-color-medium-contrast-rgb: 0, 0, 0;
  --ion-color-medium-shade: #8f9198;
  --ion-color-medium-tint: #acaeb5;
  --cobd-color-medium-contrast: #000000;
  --cobd-color-light: #2a2b30;
  --ion-color-light: #2a2b30;
  --ion-color-light-rgb: 42, 43, 48;
  --ion-color-light-contrast: #ffffff;
  --ion-color-light-contrast-rgb: 255, 255, 255;
  --ion-color-light-shade: #25262a;
  --ion-color-light-tint: #3f4045;
  --cobd-color-light-contrast: #ffffff;
  --cobd-color-background: #121212;
  --cobd-color-foreground: #f0f0f0;
  --cobd-color-toolbar-background: #1a3540;
  --cobd-color-toolbar-foreground: #f0f0f0;
  --cobd-color-link: #7eaeec;
  --cobd-color-link-visited: #b794dd;
  --cobd-spacing-xs: 4px;
  --cobd-spacing-sm: 8px;
  --cobd-spacing-md: 16px;
  --cobd-spacing-lg: 24px;
  --cobd-spacing-xl: 32px;
  --cobd-spacing-2xl: 48px;
  --cobd-spacing-3xl: 64px;
  --cobd-radius-sm: 4px;
  --cobd-radius-md: 8px;
  --cobd-radius-lg: 16px;
  --cobd-radius-xl: 24px;
  --cobd-radius-pill: 9999px;
  --cobd-typography-family-sans: 'Atkinson Hyperlegible', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --cobd-typography-family-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --cobd-typography-size-xs: 0.75rem;
  --cobd-typography-size-sm: 0.875rem;
  --cobd-typography-size-md: 1rem;
  --cobd-typography-size-lg: 1.25rem;
  --cobd-typography-size-xl: 1.5rem;
  --cobd-typography-size-2xl: 2rem;
  --cobd-typography-size-3xl: 2.5rem;
  --cobd-typography-weight-regular: 400;
  --cobd-typography-weight-medium: 500;
  --cobd-typography-weight-bold: 700;
  --cobd-typography-line-tight: 1.2;
  --cobd-typography-line-default: 1.5;
  --cobd-typography-line-loose: 1.75;
  --cobd-shadows-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --cobd-shadows-md: 0 4px 8px rgba(0, 0, 0, 0.5);
  --cobd-shadows-lg: 0 12px 24px rgba(0, 0, 0, 0.6);
  --cobd-motion-duration-fast: 120ms;
  --cobd-motion-duration-default: 200ms;
  --cobd-motion-duration-slow: 320ms;
  --cobd-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --cobd-motion-easing-decelerate: cubic-bezier(0, 0, 0, 1);
  --cobd-motion-easing-accelerate: cubic-bezier(0.3, 0, 1, 1);
  --ion-background-color: #121212;
  --ion-background-color-rgb: 18, 18, 18;
  --ion-text-color: #f0f0f0;
  --ion-text-color-rgb: 240, 240, 240;
  --ion-toolbar-background: #1a3540;
  --ion-toolbar-color: #f0f0f0;
}

[data-theme="light"] {
  --cobd-color-primary: #72cadb;
  --ion-color-primary: #72cadb;
  --ion-color-primary-rgb: 114, 202, 219;
  --ion-color-primary-contrast: #000000;
  --ion-color-primary-contrast-rgb: 0, 0, 0;
  --ion-color-primary-shade: #64b2c1;
  --ion-color-primary-tint: #80cfdf;
  --cobd-color-primary-contrast: #000000;
  --cobd-color-primary-strong: #115a6a;
  --cobd-color-secondary: #de1818;
  --ion-color-secondary: #de1818;
  --ion-color-secondary-rgb: 222, 24, 24;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #c31515;
  --ion-color-secondary-tint: #e12f2f;
  --cobd-color-secondary-contrast: #ffffff;
  --cobd-color-secondary-strong: #b30e0e;
  --cobd-color-tertiary: #2d5e3a;
  --ion-color-tertiary: #2d5e3a;
  --ion-color-tertiary-rgb: 45, 94, 58;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #285333;
  --ion-color-tertiary-tint: #426e4e;
  --cobd-color-tertiary-contrast: #ffffff;
  --cobd-color-tertiary-strong: #1e4426;
  --cobd-color-success: #2dd36f;
  --ion-color-success: #2dd36f;
  --ion-color-success-rgb: 45, 211, 111;
  --ion-color-success-contrast: #000000;
  --ion-color-success-contrast-rgb: 0, 0, 0;
  --ion-color-success-shade: #28ba62;
  --ion-color-success-tint: #42d77d;
  --cobd-color-success-contrast: #000000;
  --cobd-color-success-strong: #0e7c41;
  --cobd-color-warning: #ffc409;
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb: 255, 196, 9;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  --cobd-color-warning-contrast: #000000;
  --cobd-color-warning-strong: #8a5a00;
  --cobd-color-danger: #c5283b;
  --ion-color-danger: #c5283b;
  --ion-color-danger-rgb: 197, 40, 59;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #ad2334;
  --ion-color-danger-tint: #cb3e4f;
  --cobd-color-danger-contrast: #ffffff;
  --cobd-color-danger-strong: #a31f30;
  --cobd-color-medium: #92949c;
  --ion-color-medium: #92949c;
  --ion-color-medium-rgb: 146, 148, 156;
  --ion-color-medium-contrast: #000000;
  --ion-color-medium-contrast-rgb: 0, 0, 0;
  --ion-color-medium-shade: #808289;
  --ion-color-medium-tint: #9d9fa6;
  --cobd-color-medium-contrast: #000000;
  --cobd-color-light: #f4f5f8;
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb: 244, 245, 248;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  --cobd-color-light-contrast: #000000;
  --cobd-color-background: #ffffff;
  --cobd-color-foreground: #1a1a1a;
  --cobd-color-toolbar-background: #72cadb;
  --cobd-color-toolbar-foreground: #000000;
  --cobd-color-link: #0044a3;
  --cobd-color-link-visited: #5c2a91;
  --cobd-spacing-xs: 4px;
  --cobd-spacing-sm: 8px;
  --cobd-spacing-md: 16px;
  --cobd-spacing-lg: 24px;
  --cobd-spacing-xl: 32px;
  --cobd-spacing-2xl: 48px;
  --cobd-spacing-3xl: 64px;
  --cobd-radius-sm: 4px;
  --cobd-radius-md: 8px;
  --cobd-radius-lg: 16px;
  --cobd-radius-xl: 24px;
  --cobd-radius-pill: 9999px;
  --cobd-typography-family-sans: 'Atkinson Hyperlegible', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --cobd-typography-family-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --cobd-typography-size-xs: 0.75rem;
  --cobd-typography-size-sm: 0.875rem;
  --cobd-typography-size-md: 1rem;
  --cobd-typography-size-lg: 1.25rem;
  --cobd-typography-size-xl: 1.5rem;
  --cobd-typography-size-2xl: 2rem;
  --cobd-typography-size-3xl: 2.5rem;
  --cobd-typography-weight-regular: 400;
  --cobd-typography-weight-medium: 500;
  --cobd-typography-weight-bold: 700;
  --cobd-typography-line-tight: 1.2;
  --cobd-typography-line-default: 1.5;
  --cobd-typography-line-loose: 1.75;
  --cobd-shadows-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --cobd-shadows-md: 0 4px 8px rgba(0, 0, 0, 0.08);
  --cobd-shadows-lg: 0 12px 24px rgba(0, 0, 0, 0.12);
  --cobd-motion-duration-fast: 120ms;
  --cobd-motion-duration-default: 200ms;
  --cobd-motion-duration-slow: 320ms;
  --cobd-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --cobd-motion-easing-decelerate: cubic-bezier(0, 0, 0, 1);
  --cobd-motion-easing-accelerate: cubic-bezier(0.3, 0, 1, 1);
  --ion-background-color: #ffffff;
  --ion-background-color-rgb: 255, 255, 255;
  --ion-text-color: #1a1a1a;
  --ion-text-color-rgb: 26, 26, 26;
  --ion-toolbar-background: #72cadb;
  --ion-toolbar-color: #000000;
}

[data-theme="hc-light"] {
  --cobd-color-primary: #115a6a;
  --ion-color-primary: #115a6a;
  --ion-color-primary-rgb: 17, 90, 106;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #0f4f5d;
  --ion-color-primary-tint: #296b79;
  --cobd-color-primary-contrast: #ffffff;
  --cobd-color-primary-strong: #115a6a;
  --cobd-color-secondary: #8a0606;
  --ion-color-secondary: #8a0606;
  --ion-color-secondary-rgb: 138, 6, 6;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #790505;
  --ion-color-secondary-tint: #961f1f;
  --cobd-color-secondary-contrast: #ffffff;
  --cobd-color-secondary-strong: #8a0606;
  --cobd-color-tertiary: #0d2d17;
  --ion-color-tertiary: #0d2d17;
  --ion-color-tertiary-rgb: 13, 45, 23;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #0b2814;
  --ion-color-tertiary-tint: #25422e;
  --cobd-color-tertiary-contrast: #ffffff;
  --cobd-color-tertiary-strong: #0d2d17;
  --cobd-color-success: #005522;
  --ion-color-success: #005522;
  --ion-color-success-rgb: 0, 85, 34;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #004b1e;
  --ion-color-success-tint: #1a6638;
  --cobd-color-success-contrast: #ffffff;
  --cobd-color-success-strong: #005522;
  --cobd-color-warning: #6b4500;
  --ion-color-warning: #6b4500;
  --ion-color-warning-rgb: 107, 69, 0;
  --ion-color-warning-contrast: #ffffff;
  --ion-color-warning-contrast-rgb: 255, 255, 255;
  --ion-color-warning-shade: #5e3d00;
  --ion-color-warning-tint: #7a581a;
  --cobd-color-warning-contrast: #ffffff;
  --cobd-color-warning-strong: #6b4500;
  --cobd-color-danger: #8a0010;
  --ion-color-danger: #8a0010;
  --ion-color-danger-rgb: 138, 0, 16;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #79000e;
  --ion-color-danger-tint: #961a28;
  --cobd-color-danger-contrast: #ffffff;
  --cobd-color-danger-strong: #8a0010;
  --cobd-color-medium: #333333;
  --ion-color-medium: #333333;
  --ion-color-medium-rgb: 51, 51, 51;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #2d2d2d;
  --ion-color-medium-tint: #474747;
  --cobd-color-medium-contrast: #ffffff;
  --cobd-color-light: #ffffff;
  --ion-color-light: #ffffff;
  --ion-color-light-rgb: 255, 255, 255;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #e0e0e0;
  --ion-color-light-tint: #ffffff;
  --cobd-color-light-contrast: #000000;
  --cobd-color-background: #ffffff;
  --cobd-color-foreground: #000000;
  --cobd-color-toolbar-background: #000000;
  --cobd-color-toolbar-foreground: #ffffff;
  --cobd-color-link: #001a55;
  --cobd-color-link-visited: #2a0066;
  --cobd-spacing-xs: 4px;
  --cobd-spacing-sm: 8px;
  --cobd-spacing-md: 16px;
  --cobd-spacing-lg: 24px;
  --cobd-spacing-xl: 32px;
  --cobd-spacing-2xl: 48px;
  --cobd-spacing-3xl: 64px;
  --cobd-radius-sm: 4px;
  --cobd-radius-md: 8px;
  --cobd-radius-lg: 16px;
  --cobd-radius-xl: 24px;
  --cobd-radius-pill: 9999px;
  --cobd-typography-family-sans: 'Atkinson Hyperlegible', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --cobd-typography-family-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --cobd-typography-size-xs: 0.75rem;
  --cobd-typography-size-sm: 0.875rem;
  --cobd-typography-size-md: 1rem;
  --cobd-typography-size-lg: 1.25rem;
  --cobd-typography-size-xl: 1.5rem;
  --cobd-typography-size-2xl: 2rem;
  --cobd-typography-size-3xl: 2.5rem;
  --cobd-typography-weight-regular: 400;
  --cobd-typography-weight-medium: 500;
  --cobd-typography-weight-bold: 700;
  --cobd-typography-line-tight: 1.2;
  --cobd-typography-line-default: 1.5;
  --cobd-typography-line-loose: 1.75;
  --cobd-shadows-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --cobd-shadows-md: 0 4px 8px rgba(0, 0, 0, 0.08);
  --cobd-shadows-lg: 0 12px 24px rgba(0, 0, 0, 0.12);
  --cobd-motion-duration-fast: 120ms;
  --cobd-motion-duration-default: 200ms;
  --cobd-motion-duration-slow: 320ms;
  --cobd-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --cobd-motion-easing-decelerate: cubic-bezier(0, 0, 0, 1);
  --cobd-motion-easing-accelerate: cubic-bezier(0.3, 0, 1, 1);
  --ion-background-color: #ffffff;
  --ion-background-color-rgb: 255, 255, 255;
  --ion-text-color: #000000;
  --ion-text-color-rgb: 0, 0, 0;
  --ion-toolbar-background: #000000;
  --ion-toolbar-color: #ffffff;
}

[data-theme="hc-dark"] {
  --cobd-color-primary: #b8e4ee;
  --ion-color-primary: #b8e4ee;
  --ion-color-primary-rgb: 184, 228, 238;
  --ion-color-primary-contrast: #000000;
  --ion-color-primary-contrast-rgb: 0, 0, 0;
  --ion-color-primary-shade: #a2c9d1;
  --ion-color-primary-tint: #bfe7f0;
  --cobd-color-primary-contrast: #000000;
  --cobd-color-primary-strong: #b8e4ee;
  --cobd-color-secondary: #ffa8a8;
  --ion-color-secondary: #ffa8a8;
  --ion-color-secondary-rgb: 255, 168, 168;
  --ion-color-secondary-contrast: #000000;
  --ion-color-secondary-contrast-rgb: 0, 0, 0;
  --ion-color-secondary-shade: #e09494;
  --ion-color-secondary-tint: #ffb1b1;
  --cobd-color-secondary-contrast: #000000;
  --cobd-color-secondary-strong: #ffa8a8;
  --cobd-color-tertiary: #a0d5ac;
  --ion-color-tertiary: #a0d5ac;
  --ion-color-tertiary-rgb: 160, 213, 172;
  --ion-color-tertiary-contrast: #000000;
  --ion-color-tertiary-contrast-rgb: 0, 0, 0;
  --ion-color-tertiary-shade: #8dbb97;
  --ion-color-tertiary-tint: #aad9b4;
  --cobd-color-tertiary-contrast: #000000;
  --cobd-color-tertiary-strong: #a0d5ac;
  --cobd-color-success: #7ce39d;
  --ion-color-success: #7ce39d;
  --ion-color-success-rgb: 124, 227, 157;
  --ion-color-success-contrast: #000000;
  --ion-color-success-contrast-rgb: 0, 0, 0;
  --ion-color-success-shade: #6dc88a;
  --ion-color-success-tint: #89e6a7;
  --cobd-color-success-contrast: #000000;
  --cobd-color-success-strong: #7ce39d;
  --cobd-color-warning: #ffd23d;
  --ion-color-warning: #ffd23d;
  --ion-color-warning-rgb: 255, 210, 61;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0b936;
  --ion-color-warning-tint: #ffd750;
  --cobd-color-warning-contrast: #000000;
  --cobd-color-warning-strong: #ffd23d;
  --cobd-color-danger: #ff8a98;
  --ion-color-danger: #ff8a98;
  --ion-color-danger-rgb: 255, 138, 152;
  --ion-color-danger-contrast: #000000;
  --ion-color-danger-contrast-rgb: 0, 0, 0;
  --ion-color-danger-shade: #e07986;
  --ion-color-danger-tint: #ff96a2;
  --cobd-color-danger-contrast: #000000;
  --cobd-color-danger-strong: #ff8a98;
  --cobd-color-medium: #cccccc;
  --ion-color-medium: #cccccc;
  --ion-color-medium-rgb: 204, 204, 204;
  --ion-color-medium-contrast: #000000;
  --ion-color-medium-contrast-rgb: 0, 0, 0;
  --ion-color-medium-shade: #b4b4b4;
  --ion-color-medium-tint: #d1d1d1;
  --cobd-color-medium-contrast: #000000;
  --cobd-color-light: #000000;
  --ion-color-light: #000000;
  --ion-color-light-rgb: 0, 0, 0;
  --ion-color-light-contrast: #ffffff;
  --ion-color-light-contrast-rgb: 255, 255, 255;
  --ion-color-light-shade: #000000;
  --ion-color-light-tint: #1a1a1a;
  --cobd-color-light-contrast: #ffffff;
  --cobd-color-background: #000000;
  --cobd-color-foreground: #ffffff;
  --cobd-color-toolbar-background: #000000;
  --cobd-color-toolbar-foreground: #ffffff;
  --cobd-color-link: #a3c6f5;
  --cobd-color-link-visited: #cba8f0;
  --cobd-spacing-xs: 4px;
  --cobd-spacing-sm: 8px;
  --cobd-spacing-md: 16px;
  --cobd-spacing-lg: 24px;
  --cobd-spacing-xl: 32px;
  --cobd-spacing-2xl: 48px;
  --cobd-spacing-3xl: 64px;
  --cobd-radius-sm: 4px;
  --cobd-radius-md: 8px;
  --cobd-radius-lg: 16px;
  --cobd-radius-xl: 24px;
  --cobd-radius-pill: 9999px;
  --cobd-typography-family-sans: 'Atkinson Hyperlegible', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --cobd-typography-family-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --cobd-typography-size-xs: 0.75rem;
  --cobd-typography-size-sm: 0.875rem;
  --cobd-typography-size-md: 1rem;
  --cobd-typography-size-lg: 1.25rem;
  --cobd-typography-size-xl: 1.5rem;
  --cobd-typography-size-2xl: 2rem;
  --cobd-typography-size-3xl: 2.5rem;
  --cobd-typography-weight-regular: 400;
  --cobd-typography-weight-medium: 500;
  --cobd-typography-weight-bold: 700;
  --cobd-typography-line-tight: 1.2;
  --cobd-typography-line-default: 1.5;
  --cobd-typography-line-loose: 1.75;
  --cobd-shadows-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --cobd-shadows-md: 0 4px 8px rgba(0, 0, 0, 0.08);
  --cobd-shadows-lg: 0 12px 24px rgba(0, 0, 0, 0.12);
  --cobd-motion-duration-fast: 120ms;
  --cobd-motion-duration-default: 200ms;
  --cobd-motion-duration-slow: 320ms;
  --cobd-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --cobd-motion-easing-decelerate: cubic-bezier(0, 0, 0, 1);
  --cobd-motion-easing-accelerate: cubic-bezier(0.3, 0, 1, 1);
  --ion-background-color: #000000;
  --ion-background-color-rgb: 0, 0, 0;
  --ion-text-color: #ffffff;
  --ion-text-color-rgb: 255, 255, 255;
  --ion-toolbar-background: #000000;
  --ion-toolbar-color: #ffffff;
}