@use '../base/common/base-variables' as *;

/*! PdfViewer's default definitions and variables */
$spv-assit-disclaimer-color: $grey-600 !default;
$spv-assist-toolbar-border: 0 solid $grey-300 !default;
$spv-control-border-color: $grey-300 !default;
$spv-redact-background-color: $grey-black !default;
$spv-redact-btn-gap: 6px !default;
$spv-redact-btn-gap-big: 12px !default;
$spv-redact-btn-height: 28px !default;
$spv-redact-btn-height-big: 36px !default;
$scrollbar-color: $grey-600 !default;
$scrollbar-background-color: $grey-50 !default;
$spv-toolbar-popup-icon-padding: 0 16px 0 0;

// Typography Varaiables

// Font Size
$spv-text-xxs: 10px !default;
$spv-text-xs: 12px !default;
$spv-text-sm: 14px !default;
$spv-text-base: 16px !default;
$spv-text-lg: 18px !default;
$spv-text-xl: 20px !default;

// Font Icon Size
$spv-font-icon-32: 32px !default; /* 32px */

// Line Height
$spv-line-height-16: 16px !default;
$spv-line-height-20: 20px !default;
$spv-line-height-22: 22px !default;
$spv-line-height-24: 24px !default;
$spv-line-height-32: 32px !default;
$spv-line-height-40: 40px !default;

// Spacing
$spv-spacing-0: 0 !default;
$spv-spacing-1: 1px !default;
$spv-spacing-2: 2px !default;
$spv-spacing-3: 3px !default;
$spv-spacing-4: 4px !default;
$spv-spacing-5: 5px !default;
$spv-spacing-6: 6px !default;
$spv-spacing-7: 7px !default;
$spv-spacing-8: 8px !default;
$spv-spacing-9: 9px !default;
$spv-spacing-10: 10px !default;
$spv-spacing-11: 11px !default;
$spv-spacing-12: 12px !default;
$spv-spacing-13: 13px !default;
$spv-spacing-14: 14px !default;
$spv-spacing-15: 15px !default;
$spv-spacing-16: 16px !default;
$spv-spacing-18: 18px !default;
$spv-spacing-20: 20px !default;
$spv-spacing-56: 56px !default;

// Border width
$spv-border-0: 0 !default;
$spv-border-1: 1px !default;
$spv-border-2: 2px !default;
$spv-border-3: 3px !default;
$spv-border-4: 4px !default;
$spv-border-5: 5px !default;
$spv-border-6: 6px !default;
$spv-border-7: 7px !default;

// Radius
$spv-radius-0: 0 !default;
$spv-radius-2: 2px !default;
$spv-radius-4: 4px !default;
$spv-radius-6: 6px !default;
$spv-radius-8: 8px !default;
$spv-radius-12: 12px !default;
$spv-radius-16: 16px !default;
$spv-radius-20: 20px !default;
$spv-radius-48: 48px !default;

//Width
$spv-width-p100: 100% !default; /* 100% */
$spv-width-3: 3px !default; /* 3px */
$spv-width-96: 96px !default; /* 96px */
$spv-width-auto: auto !default; /* auto */
$spv-width-2em: 2em !default; /* 2em */
$spv-width-95p: 95% !default; /* 95% */
$spv-width-198: 198px !default; /* 198px */
$spv-width-fit: fit-content !default; /* fit-content */

//Height
$spv-height-p100: 100% !default; /* 100% */
$spv-height-32: 32px !default; /* 32px */
$spv-height-240: 240px !default; /* 240px */
$spv-height-250: 250px !default; /* 250px */
$spv-height-500: 500px !default; /* 500px */
$spv-height-220: 220px !default; /* 220px */