/* Generated for PlyoApp Default -- Do not edit manually */

:root {
  --app-page: #ffffff;
  --app-page-alt: #f8fafc;
  --app-chrome: #ffffff;
  --app-chrome-text: #000000;
  --app-surface: #ffffff;
  --app-surface-hover: #e6e6e6;
  --app-surface-active: #e2e8f0;
  --app-overlay: rgba(0, 0, 0, 0.5);
  --app-heading: #000000;
  --app-body: #475569;
  --app-body-secondary: #94a3b8;
  --app-muted: #94a3b8;
  --app-primary: #2563EB;
  --app-primary-hover: #134cca;
  --app-primary-active: #1E40AF;
  --app-primary-highlight: #2563EB;
  --app-primary-subtitle: #2563EB;
  --app-primary-rgb: 37, 99, 235;
  --app-secondary: #10B981;
  --app-secondary-hover: #0c8a60;
  --app-accent: #F59E0B;
  --app-accent-hover: #c57f08;
  --app-hero-tertiary: #2563EB;
  --app-border: #e2e8f0;
  --app-border-hover: #cbd5e1;
  --app-border-focus: #2563EB;
  --app-border-active: #94a3b8;
  --app-on-primary: #ffffff;
  --app-on-secondary: #ffffff;
  --app-on-accent: #000000;
  --app-on-success: #ffffff;
  --app-on-warning: #000000;
  --app-on-error: #ffffff;
  --app-on-info: #ffffff;
  --app-success: #0D904F;
  --app-success-hover: #096135;
  --app-success-bg: #D1FAE5;
  --app-success-border: #6EE7B7;
  --app-warning: #F9AB00;
  --app-warning-hover: #c68800;
  --app-warning-bg: #FEF3C7;
  --app-warning-border: #FCD34D;
  --app-error: #D93025;
  --app-error-hover: #ad261e;
  --app-error-bg: #FEE2E2;
  --app-error-border: #FCA5A5;
  --app-info: #1A73E8;
  --app-info-hover: #135cbc;
  --app-info-bg: #DBEAFE;
  --app-info-border: #93C5FD;
  --app-nav-hover: #f1f5f9;
  --app-nav-active: #eff6ff;
}

html.dark {
  --app-page: #0f172a;
  --app-page-alt: #1e293b;
  --app-chrome: #01091b;
  --app-chrome-text: #FFFFFF;
  --app-surface: #334155;
  --app-surface-hover: #465975;
  --app-surface-active: #475569;
  --app-overlay: rgba(0, 0, 0, 0.7);
  --app-heading: #ffffff;
  --app-body: #e2e8f0;
  --app-body-secondary: #94a3b8;
  --app-muted: #94a3b8;
  --app-primary: #2563EB;
  --app-primary-hover: #5484ef;
  --app-primary-active: #1E40AF;
  --app-primary-highlight: #BFDBFE;
  --app-primary-subtitle: #5b9bf0;
  --app-primary-rgb: 37, 99, 235;
  --app-secondary: #34D399;
  --app-secondary-hover: #5edcae;
  --app-accent: #FBBF24;
  --app-accent-hover: #fcce56;
  --app-hero-tertiary: #5b9bf0;
  --app-border: #334155;
  --app-border-hover: #475569;
  --app-border-focus: #2563EB;
  --app-border-active: #64748b;
  --app-on-primary: #ffffff;
  --app-on-secondary: #000000;
  --app-on-accent: #000000;
  --app-on-success: #000000;
  --app-on-warning: #000000;
  --app-on-error: #000000;
  --app-on-info: #000000;
  --app-success: #81C995;
  --app-success-hover: #a5d8b3;
  --app-success-bg: #064E3B;
  --app-success-border: #065F46;
  --app-warning: #FDCE6F;
  --app-warning-hover: #fedfa1;
  --app-warning-bg: #78350F;
  --app-warning-border: #92400E;
  --app-error: #F28B82;
  --app-error-hover: #f7b6b0;
  --app-error-bg: #7F1D1D;
  --app-error-border: #991B1B;
  --app-info: #93C5FD;
  --app-info-hover: #c5e0fe;
  --app-info-bg: #061120;
  --app-info-border: #1E40AF;
  --app-nav-hover: #1e293b;
  --app-nav-active: #1e3a5f;
}