/* theme.css — iOS-like semantic colors (Web/PWA) */

:root{
  /* Accent padrão (pode trocar depois) */
  --accent: #0A84FF;

  /* Radius iOS-like */
  --radius-card: 18px;
  --radius-pill: 999px;

  /* Bordas quase invisíveis */
  --stroke-weak: rgba(0,0,0,.06);
  --stroke-weak-dark: rgba(255,255,255,.10);
  --stroke-subtle: rgba(0,0,0,.12);  /* para inputs */

  /* Shadows (DESABILITADO por padrão conforme pedido) */
  --shadow-none: none;

  /* ===== LIGHT (default) ===== */
  --bg: #F2F2F7;                 /* systemGroupedBackground */
  --surface: #FFFFFF;            /* systemBackground */
  --surface-2: #FFFFFF;          /* cards grouped */
  --surface-card: #FFFFFF;       /* para inputs */
  --text: #000000;               /* label */
  --muted: rgba(60,60,67,.60);   /* secondaryLabel */
  --muted2: rgba(60,60,67,.36);  /* tertiaryLabel */
  --separator: rgba(60,60,67,.29); /* separator */
  --fill: rgba(120,120,128,.12);    /* secondarySystemFill */
  --fill-2: rgba(120,120,128,.16);  /* tertiarySystemFill */

  --card-bg: var(--surface);
  --card-stroke: rgba(60,60,67,.12); /* quase invisível */
  --card-text: var(--text);
  --card-muted: var(--muted);
}

/* ===== DARK ===== */
@media (prefers-color-scheme: dark){
  :root{
    --bg: #000000;                 /* grouped dark base */
    --surface: #1C1C1E;            /* secondarySystemBackground-ish */
    --surface-2: #1C1C1E;
    --surface-card: #2C2C2E;       /* para inputs em dark */
    --text: #FFFFFF;
    --muted: rgba(235,235,245,.60);
    --muted2: rgba(235,235,245,.30);
    --separator: rgba(84,84,88,.65);
    --stroke-subtle: rgba(255,255,255,.15);  /* para inputs em dark */
    --fill: rgba(120,120,128,.24);
    --fill-2: rgba(120,120,128,.30);

    --card-bg: #202026;
    --card-stroke: rgba(255,255,255,.08); /* quase invisível */
  }
}