/* ============================================================
   Home Trades — App (logged-in) palette
   ------------------------------------------------------------
   Warm cream, terracotta primary. Matches the marketing
   surface so the product feels like one cohesive brand.
   Used for the authenticated surface (dashboard, proposal
   detail/list, business settings, send-proposal flow).

   Scoped to body.surface-app — both palette files can load
   together; only the matching one applies.
   ============================================================ */

body.surface-app {
  /* Backgrounds */
  --bg: #FBF9F4;               /* page — warm cream */
  --bg-raised: #FFFFFF;        /* cards, panels */
  --bg-sunken: #F4EFE5;        /* sidebar, headers, inputs idle */
  --bg-tint: #F4EFE5;          /* hover row */
  --bg-tint-2: #ECE4D2;        /* deeper tint */
  --bg-ink: #1A1A1A;           /* dark inverse section */
  --bg-overlay: rgba(26, 26, 26, 0.5);

  /* Ink */
  --ink-1: #1A1A1A;            /* primary */
  --ink-2: #3F3D38;            /* secondary */
  --ink-3: #5C5752;            /* muted, meta — bumped for AA contrast */
  --ink-4: #9E9889;            /* placeholder, disabled */
  --ink-on-dark: #FBF9F4;
  --ink-link: #6F2B1A;         /* terracotta-deep for inline links */

  /* Borders */
  --line-1: #E7E1D2;           /* default */
  --line-2: #D4CCB7;           /* stronger */
  --line-3: #9E9889;           /* input focus / pressed */
  --line-on-dark: rgba(251, 249, 244, 0.15);

  /* Brand (primary action) — terracotta */
  --brand: #E76F51;            /* terracotta — anon landing source of truth (#204) */
  --brand-hover: #D85A3D;
  --brand-tint: #FBE4DC;
  --brand-ink: #6F2B1A;

  /* Accent (rare, for info, teal complement) */
  --accent: #2A9D8F;           /* deep teal — secondary */
  --accent-hover: #218377;
  --accent-tint: #DCEFEC;
  --accent-ink: #134E48;

  /* Semantic */
  --success: #15803D;
  --success-tint: #DCFCE7;
  --success-ink: #14532D;

  --warning: #B45309;
  --warning-tint: #FEF3C7;
  --warning-ink: #78350F;

  --danger: #B91C1C;
  --danger-tint: #FEE2E2;
  --danger-ink: #7F1D1D;

  --info: #2A9D8F;
  --info-tint: #DCEFEC;
  --info-ink: #134E48;

  /* Focus ring */
  --ring: rgba(231, 111, 81, 0.35);

  background: var(--bg);
  color: var(--ink-1);
  font-family: var(--font-sans);
  font-size: var(--t-base);
  line-height: var(--lh-normal);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}