/* * TEX CRM — Android (Material 3) platform overrides. * Loaded when . Applied alongside compiled tailwind.css. * Tweaks shadcn tokens + Material 3-specific vars (radii, tap targets, elevation, ripple). */ :root[data-platform='android'] { /* Material system font stack */ --font-sans: 'Roboto', 'Roboto Flex', 'Google Sans', sans-serif; /* Material 3 primary (baseline purple) */ --primary: 256 35% 47%; --primary-foreground: 0 0% 100%; --ring: 256 35% 47%; /* Material 3 geometry — fully rounded buttons (pill), 48dp targets */ --radius: 0.75rem; --radius-button: 100px; --radius-card: 12px; --tap-target: 48px; /* Material 3 elevation (tonal shadows) */ --elevation-1: 0 1px 2px 0 rgb(0 0 0 / 0.30), 0 1px 3px 1px rgb(0 0 0 / 0.15); --elevation-2: 0 1px 2px 0 rgb(0 0 0 / 0.30), 0 2px 6px 2px rgb(0 0 0 / 0.15); --elevation-3: 0 4px 8px 3px rgb(0 0 0 / 0.15), 0 1px 3px 0 rgb(0 0 0 / 0.30); /* Ripple overlay color */ --ripple-color: hsl(var(--primary) / 0.12); } /* Minimum 48dp tap target for interactive controls (Material spec) */ :root[data-platform='android'] button, :root[data-platform='android'] [role='button'], :root[data-platform='android'] a.btn { min-height: var(--tap-target); } /* Pill-shaped buttons */ :root[data-platform='android'] .btn { border-radius: var(--radius-button); } /* Tonal elevation helper */ :root[data-platform='android'] .platform-elevation-1 { box-shadow: var(--elevation-1); } :root[data-platform='android'] .platform-elevation-2 { box-shadow: var(--elevation-2); }