/*
 * IONTMAX Theme — Classic token layer
 * Zdroj hodnot: zachycený Shoptet Classic runtime z checkpointu 2026-08-01.
 * Aktivuje se pouze v Blank CSS / Full Blank režimu.
 */

:root {
  --colors-surface-primary: #fff;
  --colors-surface-secondary: #f6f6f6;
  --colors-surface-subtle: #e6e6e6;
  --colors-surface-tertiary: #ccc;
  --colors-surface-quaternary: #666;
  --colors-surface-disabled: #d1d1d1;
  --colors-surface-overlay: #ffffffa6;
  --colors-surface-overlay-light: #ffffffa6;
  --colors-surface-overlay-dark: #000000a6;
  --colors-surface-white: #fff;
  --colors-surface-black: #000;
  --colors-surface-rating: #b87800;
  --colors-focus-primary: #09367e;
  --colors-focus-secondary: #fff;

  --colors-foregrounds-headlines-primary: #1f1f1f;
  --colors-foregrounds-content-primary: #1f1f1f;
  --colors-foregrounds-content-primary-dark: #000;
  --colors-foregrounds-content-secondary: #4d4d4d;
  --colors-foregrounds-content-quaternary: #666;
  --colors-foregrounds-content-tertiary: #767676;
  --colors-foregrounds-content-inverted: #fff;
  --colors-foregrounds-icons-primary: #767676;
  --colors-foregrounds-borders-primary: #919191;
  --colors-foregrounds-borders-secondary: #dadada;
  --colors-foregrounds-borders-tertiary: #666;

  --colors-forms-background: #fff;
  --colors-forms-border: #919191;
  --colors-forms-activated: #3f7e88;
  --colors-forms-informative: #3531ff;
  --colors-forms-positive: #2a5c0a;
  --colors-forms-warning: #c75300;
  --colors-forms-critical: #d33a36;
  --colors-forms-disabled: #ebebeb;

  --colors-state-danger: #d33a36;
  --colors-state-warning: #c75300;
  --colors-state-informative: #3531ff;
  --colors-state-success: #3a800e;

  --colors-tags-green: #3a800e;
  --colors-tags-pink: #d34343;
  --colors-tags-red: #d00000;
  --colors-tags-yellow: #ffc702;
  --colors-tags-blue: #086df7;
  --colors-tags-turquoise: #008392;

  --scroll-offset: var(--scroll-offset-override, var(--scroll-offset-runtime, 0px));
  --scroll-extra-offset: 0px;

  --transition-duration: 0.3s;
  --transition-timing: ease-out;

  --forms-max-width: 100%;

  --form-fields-width-xs: 120px;
  --form-fields-width-sm: 220px;
  --form-fields-width-md: 320px;
  --form-fields-width-lg: 440px;

  --form-controls-font-size: 16px;
  --form-controls-line-height: 1.625;
  --form-controls-border-radius: 0;
  --form-controls-border-width: 1px;
  --form-controls-border-style: solid;

  --form-groups-position: relative;
  --form-groups-margin: 12px;
  --form-groups-gap: 4px;

  --form-group-labels-font-size: 14px;
  --form-group-labels-line-height: 1.45;

  --form-group-error-icons-size: 18px;
  --form-group-tooltip-size: 22px;
  --form-group-tooltip-line-height: 1.25;

  --form-field-radio-inputs-border-radius: 100%;
  --form-fields-checkbox-size: 14px;
  --form-fields-checkbox-inner-size: 10px;

  --selects-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' fill='none' viewBox='0 0 36 36'%3E%3Cpath fill='%23f6f6f6' d='M0 0h46v46H0z'/%3E%3Cpath fill='%23919191' d='M18 21.8c-.21 0-.41-.08-.57-.23l-5-5a.803.803 0 0 1 0-1.13c.31-.31.82-.31 1.13 0L18 19.87l4.43-4.43c.31-.31.82-.31 1.13 0s.31.82 0 1.13l-5 5c-.15.15-.35.23-.56.23'/%3E%3C/svg%3E");

  --form-controls-computed-line-height: calc(
    var(--form-controls-font-size) * var(--form-controls-line-height)
  );

  --form-controls-computed-box-insets-y: calc(
    var(--form-controls-border-width) * 2 + var(--form-controls-padding-y) * 2
  );

  --form-controls-computed-height: calc(
    var(--form-controls-computed-line-height) +
    var(--form-controls-computed-box-insets-y)
  );

  --form-field-textareas-computed-height: calc(
    var(--form-controls-computed-line-height) * 5 +
    var(--form-controls-computed-box-insets-y)
  );

  --form-group-tooltip-computed-top: calc(
    (var(--form-controls-computed-height) - var(--form-group-tooltip-size)) / 2
  );

  --selects-computed-padding-right: calc(
    var(--form-controls-computed-height) + var(--form-controls-padding-x)
  );

  --selects-computed-bg-size: calc(
    var(--form-controls-computed-height) -
    var(--form-controls-border-width) * 2
  );

  --smart-labels-font-size: 12px;

  --smart-labels-computed-height: calc(
    var(--form-controls-computed-height) +
    var(--form-controls-computed-line-height) -
    var(--form-controls-padding-y)
  );

  --dialog-content-form-max-width: var(--form-fields-width-lg);
  --dialog-bg-color: var(--colors-surface-primary);

  --dialog-transition: transform
    var(--transition-duration, 0.3s)
    var(--transition-timing, ease-out);

  --form-controls-padding-y: 6px;
  --form-controls-padding-x: 12px;

  --inline-form-group-labels-width: 184px;

  --inline-form-group-labels-computed-padding-left:
    var(--inline-form-group-labels-width);
}