/* =============================================================
   House Tasks — Design tokens (Apple-native). Semantic, role-based.
   Light = :root. Dark = html[data-theme="dark"] (the app sets
   data-theme explicitly at first paint). Values only — no rules.
   ============================================================= */
:root{
  color-scheme: light dark;

  /* Accent — soft natural green */
  --ht-accent:#2FA96A;
  --ht-accent-pressed:#248A55;
  --ht-accent-tint:#E7F6EE;
  --ht-on-accent:#FFFFFF;

  /* Surfaces */
  --ht-bg:#FFFFFF;
  --ht-bg-2:#F2F2F7;
  --ht-surface:#FFFFFF;
  --ht-surface-2:#FFFFFF;
  --ht-fill:#EFEFF0;

  /* Text */
  --ht-label:#1C1C1E;
  --ht-label-2:#6E6E73;
  --ht-label-3:#AEAEB2;
  --ht-separator:#C6C6C8;

  /* Status */
  --ht-success:#34C759;
  --ht-warning:#FF9500;
  --ht-error:#FF3B30;
  --ht-info:#007AFF;
  --ht-disabled-bg:#E5E5EA;
  --ht-disabled-text:#AEAEB2;
  --ht-overlay:rgba(0,0,0,.4);

  /* Typography (system SF Pro) */
  --ht-font:-apple-system,"SF Pro Text","SF Pro","system-ui",BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;

  /* Spacing */
  --ht-s1:4px; --ht-s2:8px; --ht-s3:12px; --ht-s4:16px; --ht-s5:20px;
  --ht-s6:24px; --ht-s7:32px; --ht-s8:40px; --ht-s9:48px; --ht-s10:64px;

  /* Radius */
  --ht-r-sm:8px; --ht-r-md:12px; --ht-r-lg:16px; --ht-r-xl:24px; --ht-r-full:999px;

  /* Elevation */
  --ht-shadow-card:0 1px 2px rgba(0,0,0,.04), 0 1px 3px rgba(0,0,0,.06);
  --ht-shadow-elevated:0 4px 12px rgba(0,0,0,.08);
  --ht-shadow-sheet:0 -8px 30px rgba(0,0,0,.18);
  --ht-shadow-float:0 6px 16px rgba(47,169,106,.28);

  /* Safe areas */
  --ht-safe-top:env(safe-area-inset-top);
  --ht-safe-bottom:env(safe-area-inset-bottom);
  --ht-safe-left:env(safe-area-inset-left);
  --ht-safe-right:env(safe-area-inset-right);
}

html[data-theme="dark"]{
  --ht-accent:#34D07E;
  --ht-accent-pressed:#2AB86D;
  --ht-accent-tint:#153327;
  --ht-on-accent:#06210F;

  --ht-bg:#000000;
  --ht-bg-2:#1C1C1E;
  --ht-surface:#1C1C1E;
  --ht-surface-2:#2C2C2E;
  --ht-fill:#2C2C2E;

  --ht-label:#FFFFFF;
  --ht-label-2:#98989E;
  --ht-label-3:#636366;
  --ht-separator:#38383A;

  --ht-success:#30D158;
  --ht-warning:#FF9F0A;
  --ht-error:#FF453A;
  --ht-info:#0A84FF;
  --ht-disabled-bg:#3A3A3C;
  --ht-disabled-text:#636366;
  --ht-overlay:rgba(0,0,0,.6);

  --ht-shadow-card:none;
  --ht-shadow-elevated:0 6px 18px rgba(0,0,0,.5);
  --ht-shadow-sheet:0 -8px 30px rgba(0,0,0,.6);
}