/**
 * iPadOS design tokens — single source for all standalone tablet apps.
 * Loaded when html[data-ios-app] or html[data-standalone-app] is set.
 */

html[data-standalone-app],
html[data-ios-app] {
  /* Typography */
  --ios-font-display: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --ios-font-text: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --ios-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Surfaces (dark mode — default tablet) */
  --ios-bg: #000;
  --ios-bg-elevated: #1c1c1e;
  --ios-bg-secondary: #2c2c2e;
  --ios-bg-tertiary: #3a3a3c;
  --ios-bg-grouped: #1c1c1e;
  --ios-bg-card: rgba(28, 28, 30, 0.94);

  /* Materials */
  --ios-blur-thin: saturate(180%) blur(20px);
  --ios-blur-regular: saturate(180%) blur(40px);
  --ios-material-thin: rgba(28, 28, 30, 0.72);
  --ios-material-regular: rgba(44, 44, 46, 0.82);
  --ios-material-thick: rgba(58, 58, 60, 0.92);

  /* Labels */
  --ios-label: #fff;
  --ios-label-secondary: rgba(235, 235, 245, 0.6);
  --ios-label-tertiary: rgba(235, 235, 245, 0.3);
  --ios-label-quaternary: rgba(235, 235, 245, 0.18);

  /* Separators & fills */
  --ios-separator: rgba(84, 84, 88, 0.65);
  --ios-separator-opaque: #38383a;
  --ios-fill: rgba(118, 118, 128, 0.24);
  --ios-fill-secondary: rgba(118, 118, 128, 0.16);
  --ios-fill-tertiary: rgba(118, 118, 128, 0.12);

  /* System colors */
  --ios-blue: #0a84ff;
  --ios-green: #30d158;
  --ios-indigo: #5e5ce6;
  --ios-orange: #ff9f0a;
  --ios-pink: #ff375f;
  --ios-purple: #bf5af2;
  --ios-red: #ff453a;
  --ios-teal: #64d2ff;
  --ios-yellow: #ffd60a;

  /* Layout */
  --ios-nav-height: 52px;
  --ios-nav-height-compact: 48px;
  --ios-large-title: clamp(1.75rem, 4vw, 2.125rem);
  --ios-section-title: 1.25rem;
  --ios-home-indicator: 20px;
  --ios-safe-top: env(safe-area-inset-top, 0px);
  --ios-safe-bottom: max(env(safe-area-inset-bottom, 0px), 8px);
  --ios-safe-left: env(safe-area-inset-left, 0px);
  --ios-safe-right: env(safe-area-inset-right, 0px);

  /* Radii */
  --ios-radius-sm: 10px;
  --ios-radius-md: 14px;
  --ios-radius-lg: 18px;
  --ios-radius-xl: 22px;
  --ios-radius-pill: 999px;

  /* Motion */
  --ios-ease-out: cubic-bezier(0.2, 0.9, 0.3, 1);
  --ios-ease-spring: cubic-bezier(0.34, 1.2, 0.64, 1);
  --ios-duration-fast: 0.18s;
  --ios-duration-normal: 0.32s;
  --ios-duration-slow: 0.48s;

  /* Shadows (subtle on dark) */
  --ios-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
  --ios-shadow-md: 0 8px 28px rgba(0, 0, 0, 0.45);
  --ios-shadow-lg: 0 18px 48px rgba(0, 0, 0, 0.55);

  /* Default accent */
  --ios-accent: var(--ios-blue);
  --ios-accent-muted: rgba(10, 132, 255, 0.22);
}

html[data-ios-app="banking"],
html[data-standalone-app="banking"] {
  --ios-accent: var(--ios-blue);
  --ios-accent-muted: rgba(10, 132, 255, 0.22);
}

html[data-ios-app="mail"],
html[data-standalone-app="mail"] {
  --ios-accent: var(--ios-blue);
}

html[data-ios-app="ads"],
html[data-standalone-app="ads"] {
  --ios-accent: var(--ios-orange);
  --ios-accent-muted: rgba(255, 159, 10, 0.22);
}

html[data-ios-app="company"],
html[data-standalone-app="company"] {
  --ios-accent: var(--ios-indigo);
  --ios-accent-muted: rgba(94, 92, 230, 0.22);
}

html[data-ios-app="properties"],
html[data-standalone-app="properties"] {
  --ios-accent: var(--ios-teal);
  --ios-accent-muted: rgba(100, 210, 255, 0.22);
}

html[data-ios-app="vehicles"],
html[data-standalone-app="vehicles"] {
  --ios-accent: #8e8e93;
  --ios-accent-muted: rgba(142, 142, 147, 0.22);
}

html[data-ios-app="visium"],
html[data-standalone-app="visium"] {
  --ios-accent: var(--ios-purple);
  --ios-accent-muted: rgba(191, 90, 242, 0.22);
}

html[data-ios-app="admin"],
html[data-standalone-app="admin"] {
  --ios-accent: var(--ios-purple);
  --ios-accent-muted: rgba(191, 90, 242, 0.18);
}