/* ==========================================================================
   BEWA Design Tokens — iOS light
   ========================================================================== */

:root {
  /* Brand */
  --bewa-brand: #23678d;
  --bewa-brand-deep: #073a57;
  --bewa-brand-soft: rgba(35, 103, 141, 0.14);
  --bewa-brand-soft-2: rgba(35, 103, 141, 0.22);
  --bewa-brand-gradient: linear-gradient(90deg, hsla(202, 60%, 35%, 1) 0%, hsla(202, 85%, 18%, 1) 100%);
  --bewa-brand-gradient-v: linear-gradient(180deg, hsla(202, 60%, 35%, 1) 0%, hsla(202, 85%, 18%, 1) 100%);
  --bewa-brand-gradient-hover: linear-gradient(90deg, hsla(202, 60%, 32%, 1) 0%, hsla(202, 85%, 14%, 1) 100%);

  /* Semantic (iOS) */
  --bewa-success: #34c759;
  --bewa-success-soft: rgba(52, 199, 89, 0.14);
  --bewa-warning: #ff9500;
  --bewa-warning-soft: rgba(255, 149, 0, 0.14);
  --bewa-danger: #ff3b30;
  --bewa-danger-soft: rgba(255, 59, 48, 0.12);
  --bewa-info: #5ac8fa;

  /* Surfaces */
  --bewa-ink: #141515;
  --bewa-ink-muted: #6b7280;
  --bewa-ink-tertiary: #9aa0a6;
  --bewa-bg: #f5f4f2;
  --bewa-surface: #ffffff;
  --bewa-surface-2: #fafaf9;
  --bewa-line: rgba(20, 21, 21, 0.08);
  --bewa-line-strong: rgba(20, 21, 21, 0.14);
  --bewa-glass: rgba(255, 255, 255, 0.72);
  --bewa-glass-strong: rgba(255, 255, 255, 0.86);

  /* Radius */
  --bewa-radius-xs: 8px;
  --bewa-radius-sm: 12px;
  --bewa-radius: 16px;
  --bewa-radius-lg: 20px;
  --bewa-radius-xl: 28px;
  --bewa-radius-pill: 999px;

  /* Shadows */
  --bewa-shadow-sm: 0 2px 8px rgba(20, 21, 21, 0.06);
  --bewa-shadow: 0 8px 28px rgba(20, 21, 21, 0.08);
  --bewa-shadow-lg: 0 18px 48px rgba(20, 21, 21, 0.14);
  --bewa-shadow-brand: 0 10px 28px rgba(7, 58, 87, 0.28);

  /* Typography (iOS scale) */
  --bewa-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif;
  --bewa-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, sans-serif;
  --bewa-fs-large-title: 2.125rem; /* 34 */
  --bewa-fs-title-1: 1.75rem;      /* 28 */
  --bewa-fs-title-2: 1.375rem;     /* 22 */
  --bewa-fs-title-3: 1.25rem;      /* 20 */
  --bewa-fs-headline: 1.0625rem;   /* 17 */
  --bewa-fs-body: 1.0625rem;
  --bewa-fs-callout: 1rem;         /* 16 */
  --bewa-fs-subhead: 0.9375rem;    /* 15 */
  --bewa-fs-footnote: 0.8125rem;   /* 13 */
  --bewa-fs-caption: 0.75rem;      /* 12 */

  /* Spacing (4pt) */
  --bewa-space-1: 4px;
  --bewa-space-2: 8px;
  --bewa-space-3: 12px;
  --bewa-space-4: 16px;
  --bewa-space-5: 20px;
  --bewa-space-6: 24px;
  --bewa-space-8: 32px;

  /* Layout */
  --bewa-tap: 44px;
  --bewa-header-h: 56px;
  --bewa-tab-h: 64px;
  --bewa-bottom-h: calc(var(--bewa-tab-h) + 24px + env(safe-area-inset-bottom, 0px));

  /* Motion */
  --bewa-ease-ios: cubic-bezier(0.32, 0.72, 0, 1);
  --bewa-ease-spring: cubic-bezier(0.2, 0.8, 0.2, 1);
  --bewa-dur-fast: 0.16s;
  --bewa-dur: 0.28s;
  --bewa-dur-slow: 0.42s;

  /* Bootstrap alignment */
  --bs-primary: #23678d;
  --bs-primary-rgb: 35, 103, 141;
}

html {
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: var(--bewa-font);
  background: var(--bewa-bg);
  color: var(--bewa-ink);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}