/* * TEX CRM — iOS (Cupertino) platform overrides. * Loaded when . Applied alongside compiled tailwind.css. * Tweaks shadcn tokens + Cupertino-specific vars (radii, tap targets, blur, safe-areas). */ :root[data-platform='ios'] { /* TEX type leads, Cupertino system font as fallback */ --font-sans: 'Roboto', -apple-system, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue'; /* TEX brand accent (signal yellow) — keep the brand consistent across platforms */ --primary: 57 100% 47%; --primary-foreground: 150 4% 11%; --ring: 57 100% 47%; /* Cupertino geometry */ --radius: 0.75rem; --radius-button: 12px; --radius-sheet: 16px; --tap-target: 44px; /* Cupertino translucency / blur */ --ios-blur: 20px; --ios-vibrancy: 0.72; /* Safe-area insets (notch / home indicator) */ --safe-area-top: env(safe-area-inset-top, 0px); --safe-area-bottom: env(safe-area-inset-bottom, 0px); } :root[data-platform='ios'] body { padding-top: var(--safe-area-top); padding-bottom: var(--safe-area-bottom); } /* Minimum 44px tap target for interactive controls (Apple HIG) */ :root[data-platform='ios'] button, :root[data-platform='ios'] [role='button'], :root[data-platform='ios'] a.btn { min-height: var(--tap-target); } /* Frosted-glass app bar / bottom bar */ :root[data-platform='ios'] .platform-blur { background-color: hsl(var(--background) / var(--ios-vibrancy)); backdrop-filter: saturate(180%) blur(var(--ios-blur)); -webkit-backdrop-filter: saturate(180%) blur(var(--ios-blur)); }