/* Assignd colors. Saturated, high-contrast color always sits on warm paper
   with ink outlines. Source: theme/colors.ts */
:root{
  /* --- Raw palette --- */
  --ink:#181510;
  --paper:#F6F1E6;
  --paper-deep:#EBE5D6;
  --card:#FFFFFF;
  --line:#E7E0D0;
  --muted:#8B8474;
  --white:#FFFFFF;

  --blue:#1E6BF0;
  --amber:#FF9F1C;
  --green:#37B34A;
  --rose:#FF5A5E;
  --grape:#7C5CFC;
  --sky:#33B1E0;

  /* Soft tints — emoji squares, chat pills, subtle fills */
  --blue-tint:#D8E7FF;
  --amber-tint:#FFE9C7;
  --green-tint:#D6F5DC;
  --rose-tint:#FFDFE0;
  --grape-tint:#EDE7FF;
  --sky-tint:#D6EEFA;

  --streak-bg:#FFE2C2;

  /* --- Semantic roles: what screens should use --- */
  /* Surfaces */
  --background:var(--paper);
  --surface:var(--card);
  --surface-sunken:var(--paper-deep);
  --surface-inverted:var(--ink);

  /* Text */
  --text:var(--ink);
  --text-secondary:#4B463C;
  --text-muted:var(--muted);
  --text-faint:#ADA48D;
  --text-on-dark:var(--white);
  --text-on-dark-muted:#C9C2B0;

  /* Lines */
  --border-ink:var(--ink);      /* the chunky outline */
  --hairline:var(--line);       /* soft separators on paper */
  --dashed:#C9C1AE;             /* dashed empty-state borders */

  /* Roles */
  --primary:var(--blue);        --on-primary:var(--white);
  --accent:var(--amber);        --on-accent:var(--ink);
  --success:var(--green);       --on-success:var(--white);
  --danger:var(--rose);         --on-danger:var(--white);
  --ai:var(--grape);            --on-ai:var(--white);   /* Abi / everything AI */
  --info:var(--sky);            --on-info:var(--white);

  /* Interaction */
  --hover-ink:rgba(24,21,16,.05); /* subtle ink tint overlay on hover */
  --disabled-opacity:.45; /* @kind other */
  --ghost-hover-opacity:.75; /* @kind other */

  /* --- Rotating class/subject identity colors (index % 6) --- */
  --class-1-solid:var(--blue);  --class-1-tint:var(--blue-tint);  --class-1-on:var(--white);
  --class-2-solid:var(--amber); --class-2-tint:var(--amber-tint); --class-2-on:var(--ink);
  --class-3-solid:var(--green); --class-3-tint:var(--green-tint); --class-3-on:var(--white);
  --class-4-solid:var(--grape); --class-4-tint:var(--grape-tint); --class-4-on:var(--white);
  --class-5-solid:var(--sky);   --class-5-tint:var(--sky-tint);   --class-5-on:var(--white);
  --class-6-solid:var(--rose);  --class-6-tint:var(--rose-tint);  --class-6-on:var(--white);
}