/* Unomi — Color tokens
   Source: Unomi Prototype (standalone).html + AI-Powered Task Planning App.pdf
   (engineering handoff sheet, section 01 — COLOR). Values copied verbatim. */

:root {
  /* Terracotta — brand */
  --terracotta-light: #d0805a;   /* gradient start */
  --terracotta: #c4724a;         /* primary brand / buttons */
  --terracotta-deep: #b5623f;    /* gradient end / pressed */
  --terracotta-ink: #a04c2c;     /* text on peach tints */

  /* Neutrals */
  --canvas: #efe9dd;   /* app background */
  --surface: #f4efe7;  /* phone / sheet background */
  --input-fill: #faf6ef;
  --card: #ffffff;

  /* Ink scale (text) */
  --ink-100: #36322c; /* primary text */
  --ink-70: #6f675c;  /* body */
  --ink-55: #847a6d;  /* secondary */
  --ink-40: #a89e90;  /* muted / labels */

  /* Semantic accents */
  --sage: #5f8052;       /* pets / done / positive */
  --sage-tint: #eaf0e2;  /* icon bg */
  --lavender: #9a6f86;      /* prep / smart / Unomi AI */
  --lavender-tint: #f1e7ee; /* icon bg */

  /* Borders (derived, seen in components) */
  --border-card: #ebe4d8;
  --border-nudge: #ecdfe6;
  --border-quiet: #d8cdbb;

  /* ---- Semantic aliases ---- */
  --color-bg-app: var(--canvas);
  --color-bg-surface: var(--surface);
  --color-bg-card: var(--card);
  --color-bg-input: var(--input-fill);

  --color-text-primary: var(--ink-100);
  --color-text-body: var(--ink-70);
  --color-text-secondary: var(--ink-55);
  --color-text-muted: var(--ink-40);
  --color-text-on-brand: #ffffff;
  --color-text-on-peach: var(--terracotta-ink);

  --color-brand: var(--terracotta);
  --color-brand-gradient: linear-gradient(135deg, var(--terracotta-light), var(--terracotta) 55%, var(--terracotta-deep));
  --color-brand-pressed: var(--terracotta-deep);

  --color-positive: var(--sage);
  --color-positive-tint: var(--sage-tint);
  --color-smart: var(--lavender);
  --color-smart-tint: var(--lavender-tint);

  --color-toggle-on: #7c9b6e;
  --color-toggle-off: #d8cdbb;
  --color-toggle-knob: #ffffff;

  --color-overdue: #c0533a;
  --color-overdue-tint: #f7e2da;
}
