/* GENERATED by theme/generate-theme-css.py — do not edit by hand. */
/* Schedara design tokens, linked by App.razor ahead of app.css. Two consumers: */
/*   1. the Radzen palette for pages WITHOUT a Radzen layout (public/auth) — the same values the
      themes ship, so the public accent and semantics match the admin; */
/*   2. the `--s-*` tokens the public styles are written against. */

:root:not(:has(.rz-layout)) {
  --rz-white: #ffffff;
  --rz-black: #000000;
  --rz-base: #dfe4ea;
  --rz-base-50: #fafbfc;
  --rz-base-100: #f5f7f9;
  --rz-base-200: #eceff3;
  --rz-base-300: #dfe4ea;
  --rz-base-400: #b9c0c9;
  --rz-base-500: #8b939e;
  --rz-base-600: #6b737e;
  --rz-base-700: #565d67;
  --rz-base-800: #3a4048;
  --rz-base-900: #1d2126;
  --rz-base-light: #f5f7f9;
  --rz-base-lighter: #ffffff;
  --rz-base-dark: #3a4048;
  --rz-base-darker: #1d2126;
  --rz-primary: #4340D2;
  --rz-primary-light: #d9d9f6;
  --rz-primary-lighter: rgba(67, 64, 210, 0.16);
  --rz-primary-dark: #0d0d2a;
  --rz-primary-darker: #151443;
  --rz-secondary: #5F6570;
  --rz-secondary-light: #dfe0e2;
  --rz-secondary-lighter: rgba(95, 101, 112, 0.16);
  --rz-secondary-dark: #131416;
  --rz-secondary-darker: #1e2024;
  --rz-info: #0d47a1;
  --rz-info-light: #cfdaec;
  --rz-info-lighter: rgba(13, 71, 161, 0.16);
  --rz-info-dark: #030e20;
  --rz-info-darker: #041734;
  --rz-success: #1b5e20;
  --rz-success-light: #d1dfd2;
  --rz-success-lighter: rgba(27, 94, 32, 0.16);
  --rz-success-dark: #051306;
  --rz-success-darker: #091e0a;
  --rz-warning: #ffa726;
  --rz-warning-light: #ffedd4;
  --rz-warning-lighter: rgba(255, 167, 38, 0.16);
  --rz-warning-dark: #332108;
  --rz-warning-darker: #52350c;
  --rz-danger: #b71b1b;
  --rz-danger-light: #f1d1d1;
  --rz-danger-lighter: rgba(183, 27, 27, 0.16);
  --rz-danger-dark: #250505;
  --rz-danger-darker: #3b0909;
  --rz-on-base: #ffffff;
  --rz-on-base-light: #000000;
  --rz-on-base-lighter: #000000;
  --rz-on-base-dark: #ffffff;
  --rz-on-base-darker: #ffffff;
  --rz-on-primary: #ffffff;
  --rz-on-primary-light: #000000;
  --rz-on-primary-lighter: #4340D2;
  --rz-on-primary-dark: #ffffff;
  --rz-on-primary-darker: #ffffff;
  --rz-on-secondary: #ffffff;
  --rz-on-secondary-light: #000000;
  --rz-on-secondary-lighter: #5F6570;
  --rz-on-secondary-dark: #ffffff;
  --rz-on-secondary-darker: #ffffff;
  --rz-on-info: #ffffff;
  --rz-on-info-light: #000000;
  --rz-on-info-lighter: #0d47a1;
  --rz-on-info-dark: #ffffff;
  --rz-on-info-darker: #ffffff;
  --rz-on-success: #ffffff;
  --rz-on-success-light: #000000;
  --rz-on-success-lighter: #1b5e20;
  --rz-on-success-dark: #ffffff;
  --rz-on-success-darker: #ffffff;
  --rz-on-warning: #000000;
  --rz-on-warning-light: #000000;
  --rz-on-warning-lighter: #ffa726;
  --rz-on-warning-dark: #ffffff;
  --rz-on-warning-darker: #ffffff;
  --rz-on-danger: #ffffff;
  --rz-on-danger-light: #000000;
  --rz-on-danger-lighter: #b71b1b;
  --rz-on-danger-dark: #ffffff;
  --rz-on-danger-darker: #ffffff;

  --rz-text-title-color: var(--rz-base-900);
  --rz-text-color: var(--rz-base-800);
  --rz-text-secondary-color: var(--rz-base-600);
  --rz-text-tertiary-color: var(--rz-base-500);
  --rz-text-disabled-color: var(--rz-base-400);
  --rz-text-contrast-color: var(--rz-white);
  --rz-base-background-color: var(--rz-white);
  --rz-body-background-color: var(--rz-base-100);
  --rz-link-color: var(--rz-primary);
  --rz-link-hover-color: var(--rz-primary-dark);
}

/* Public booking design tokens ('soft premium minimalism'), derived from the palette above so the
   two surfaces share one colour source. Layout/motion tokens stay in app.css. */
:root {
  --s-primary: var(--rz-primary);
  --s-primary-strong: var(--rz-primary-dark);
  --s-primary-soft: color-mix(in srgb, var(--s-primary) 8%, #FFFFFF);
  --s-primary-softer: color-mix(in srgb, var(--s-primary) 4%, #FFFFFF);
  /* Text on an accent fill (buttons, selected chips, check marks). */
  --s-on-accent: var(--rz-white);

  --s-bg: var(--rz-base-100);
  --s-surface: var(--rz-base-background-color);
  --s-surface-muted: var(--rz-base-200);
  --s-border: var(--rz-base-300);
  --s-border-strong: var(--rz-base-400);

  --s-text: var(--rz-text-title-color);
  --s-text-muted: var(--rz-text-secondary-color);
  --s-text-subtle: var(--rz-text-tertiary-color);

  --s-danger: var(--rz-danger);
  --s-danger-soft: color-mix(in srgb, var(--rz-danger) 6%, #FFFFFF);
  --s-warning: var(--rz-warning);
  --s-warning-soft: color-mix(in srgb, var(--rz-warning) 10%, #FFFFFF);
  --s-success: var(--rz-success);

  /* The public surface keeps its softer corner scale (the admin is flat 4px — see the theme). */
  --s-radius-sm: 6px;
  --s-radius-md: 10px;
  --s-radius-lg: 16px;

  --s-ring: 0 0 0 2px color-mix(in srgb, var(--s-primary) 24%, transparent);
  --s-shadow-soft: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06);
  --s-shadow-raised: 0 4px 8px rgba(16, 24, 40, 0.06), 0 10px 28px rgba(16, 24, 40, 0.09);

  --s-font: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}