import type { CSSProperties } from 'react';

export const authLayoutRootVars: CSSProperties = {
  '--vojo-mascot-size': 'clamp(28rem, 57dvh, 48rem)',
  '--vojo-mascot-top': 'clamp(1.5rem, 4dvh, 3rem)',
  '--vojo-stack-pad': '1.5rem',
  '--vojo-anchor-ratio': '0.71',
  '--vojo-modal-min-top': 'clamp(12rem, 26dvh, 18rem)',
  '--vojo-modal-gap': 'clamp(0.75rem, 2dvh, 1.5rem)',
  '--vojo-footer-space': 'clamp(4.5rem, 9dvh, 6.5rem)',
} as CSSProperties;