﻿/* Calendar colour tokens. The event chips are deliberately NOT wired to MudBlazor's semantic slots
   (tertiary/secondary/success) any more: those default to saturated brand hues that read as neon on a
   surface, so events looked like an old terminal. Instead each event type is a soft same-hue tint —
   a pale background with darker text of the same family — matching the "heather on warm paper" theme
   (see MainLayout.razor). Day/today markers still follow the theme primary so they track the
   brand automatically. Light-only for now (dark mode was dropped); if it returns, add a
   prefers-color-scheme / theme-scoped block here rather than re-pointing at the semantic slots. */
:root {
    /* Day surfaces */
    --sessions-calendar-day-background-color: var(--mud-palette-surface);
    /* Leading/trailing cells (previous/next month): a faint grey fill so they recede behind the displayed
       month while still showing their sessions. */
    --sessions-calendar-day-other-month-background-color: var(--mud-palette-background-grey);

    /* Today marker: the brand primary, so it tracks the theme. */
    --sessions-calendar-today-background-color: var(--mud-palette-primary);
    --sessions-calendar-today-text-color: var(--mud-palette-primary-text);

    /* Day hover: a faint heather wash rather than a saturated fill. */
    --sessions-calendar-hover-background-color: #f2eef8;
    --sessions-calendar-hover-text-color: var(--mud-palette-text-primary);

    /* Event chips: soft tint background + darker same-hue text (all AA on their own background). */
    --sessions-calendar-event-background-color: #ece7f6;          /* heather tint */
    --sessions-calendar-event-text-color: #4a3d78;                /* plum */
    --sessions-calendar-event-followed-background-color: #f6ecd9; /* amber/bracken tint (#196 follow) */
    --sessions-calendar-event-followed-text-color: #7a5417;
    --sessions-calendar-event-on-now-background-color: #dcefe1;   /* muted green tint */
    --sessions-calendar-event-on-now-text-color: #1f5133;
    /* The "+N more" row is a button that opens the day, so it is drawn as one: an outlined control in the
       brand primary on the day's own surface. As quiet secondary text it read as a caption, and testers
       didn't see it until asked (#461). Outlined rather than filled so it doesn't compete with the tinted
       chips it counts, or with the today marker's solid primary. */
    --sessions-calendar-overflow-background-color: var(--mud-palette-surface);
    --sessions-calendar-overflow-text-color: var(--mud-palette-primary);
    --sessions-calendar-overflow-border-color: var(--mud-palette-primary);

    /* Accent spine down each chip's left edge: a mid-tone of the chip's own colour family (brand primary /
       secondary / success) — a shade between its tint and its text. Reinforces the tint code without a
       second fill. */
    --sessions-calendar-event-accent-color: var(--mud-palette-primary);
    --sessions-calendar-event-followed-accent-color: var(--mud-palette-secondary);
    --sessions-calendar-event-on-now-accent-color: var(--mud-palette-success);

    /* Event hover: a deeper heather tint. */
    --sessions-calendar-event-hover-background-color: #ddd3f0;
    --sessions-calendar-event-hover-text-color: #3a2f63;

    --sessions-calendar-day-text-color: var(--mud-palette-text-primary);

    --sessions-calendar-day-border-color: solid 1px var(--mud-palette-table-lines);
}
