/* My Magic UW shared visual roles. The original Home reference anchors the warm shell,
 * editorial hierarchy and generous colored work surfaces. Karma Medium 500 and Geist are
 * bundled with their OFL licenses in packages/ui/assets/fonts and declared in fonts.css.
 * Consumers use these semantic roles; page-specific geometry remains local.
 */
:root {
  --magic-font-editorial: "Karma", Georgia, serif;
  --magic-font-interface: Geist, system-ui, sans-serif;
  /* September 27: every app-authored Geist role uses one rendered weight/tracking. */
  --magic-font-interface-weight: 400;
  --magic-tracking: normal;
  --magic-type-identity: 1.1875rem;
  --magic-type-page-title: 1.125rem;
  --magic-type-section: 1.3125rem;
  --magic-type-work-title: 1.1875rem;
  --magic-type-study-title: 1.125rem;
  --magic-type-prose: 1rem;
  --magic-leading-prose: 1.72;

  --magic-surface-workspace: #faf8f4;
  --magic-surface-raised: #fffdf9;
  --magic-surface-quiet: #f8f4ee;
  --magic-ink: #29231f;
  --magic-ink-prose: #3a342f;
  --magic-ink-muted: #746d66;
  --magic-ink-link: #325c90;
  /* Updated stops require composed contrast checks. Do not assume
     small text passes on the highlight: measure composed locations and
     darken/confine highlight beneath text when needed; preserve Home anchor. */
  --magic-ink-on-shell: #fff4ed;
  --magic-ink-on-shell-secondary: #ffe9dd;
  --magic-fill-shell:
    radial-gradient(ellipse 95% 78% at 8% 10%, #a44337 0%, transparent 57%),
    linear-gradient(155deg, #91372f 0%, #792a2b 45%, #632329 100%);
  --magic-fill-shell-selected: #6f251d73;
  --magic-fill-shell-hover: #6f251d66;

  /* General command roles; review remains an alias for existing consumers. */
  --magic-fill-action: var(--magic-color-action-fill);
  --magic-fill-action-hover: var(--magic-color-action-fill-hover);
  --magic-ink-action: var(--magic-color-action-ink);
  --magic-fill-review: var(--magic-fill-action);
  --magic-fill-review-hover: var(--magic-fill-action-hover);
  --magic-ink-review: var(--magic-ink-action);
  /* Operation purpose, independent of work identity and completion state. */
  --magic-fill-action-coursework: linear-gradient(110deg, var(--magic-hue-teal-strong), var(--magic-hue-teal-pale));
  --magic-ink-action-coursework: var(--magic-hue-teal-ink);
  --magic-fill-action-study: var(--magic-fill-study);
  --magic-ink-action-study: var(--magic-ink-study);
  --magic-fill-confirmation: #eef3fa;
  --magic-line-confirmation: #7894b44d;
  --magic-fill-backdrop: #29231f40;
  --magic-ink-confirmation: #516378;

  /* Paired identity fills/inks; not error/success or course-index semantics. */
  --magic-fill-identity-rose: linear-gradient(100deg, #eaa3bd, #f7dfe9);
  --magic-ink-identity-rose: #55253c;
  --magic-fill-identity-blue: linear-gradient(100deg, #8db8ed, #d8e6f8);
  --magic-ink-identity-blue: #223f69;
  --magic-fill-identity-coral: linear-gradient(100deg, #f4a17f, #fae0d1);
  --magic-ink-identity-coral: #572b1b;
  --magic-fill-study: linear-gradient(115deg, #f1cc78, #f5e0aa);
  --magic-fill-study-secondary: linear-gradient(115deg, #ecd18f, #f3e4bc);
  --magic-ink-study: #574424;
  --magic-fill-schedule-event: #f4e5b8;
  --magic-ink-schedule-event: #604a18;
  --magic-accent-current-time: #c15842;

  --magic-radius-workspace: 13px;
  --magic-radius-control: 10px;
  --magic-radius-card: 8px;
  --magic-line-quiet: #dfd7ce;
  /* Use a 2px offset onto the ivory surface for filled-control focus;
     this blue against the darkest review fill alone is below 3:1. */
  --magic-focus: #3c70ac;
  --magic-focus-on-shell: #fff0df;
  --magic-icon-stroke-seed: 1.35;

  /* Candidate status pairs: distinct text/symbol required, not hue alone.
     Not demonstrated by the historical Home reference. */
  --magic-fill-status-warning-candidate: #fff0cc;
  --magic-ink-status-warning-candidate: #684714;
  --magic-fill-status-error-candidate: #f9e7e5;
  --magic-ink-status-error-candidate: #7b2927;
  --magic-ink-disabled-candidate: #77716b;

  /* New component roles: candidates demonstrated in the isolated lab, not
     previously approved Home treatments. Keep paired values together. */
  --magic-ink-muted-strong: #655e57;
  --magic-line-field: #97897d;
  --magic-fill-disabled: #eeeae4;
  --magic-fill-avatar: #e8d3b2;
  --magic-ink-avatar: #63432e;
  --magic-fill-pressed-overlay: #29231f12;
  --magic-ink-disabled: var(--magic-ink-disabled-candidate);
  --magic-fill-secondary: #e4edf9;
  --magic-fill-secondary-hover: #d5e3f5;
  --magic-ink-secondary: var(--magic-ink-link);
  --magic-ink-feedback: #425440;
  --magic-ink-error: var(--magic-ink-status-error-candidate);
  --magic-radius-field: 6px;
  --magic-radius-overlay: var(--magic-radius-workspace);
  --magic-type-control: 0.875rem;
  --magic-type-compact-control: 0.8125rem;
  --magic-type-label: 0.6875rem;
  --magic-type-meta: 0.75rem;
  --magic-glyph-control: 18px;
  --magic-glyph-navigation: 18px;
  --magic-glyph-trailing: 16px;
  --magic-glyph-inline: 12px;
  --magic-shell-perimeter: 6px;
  --magic-shadow-action: 0 1px 2px #29231f12, 0 3px 8px -4px #29231f24;
  --magic-ink-shell-action: #792a2b;
  --magic-shadow-overlay: 0 20px 70px #29231f28;
  --magic-shadow-popover: 0 8px 30px #29231f20;

  /* Pending local comparison; do not generalize to all components. */
  --magic-line-action-candidate: #adc5e3;
  --magic-line-tag-candidate: #ded3c6;
  --magic-fill-tag-candidate: #ece3d9;
  --magic-ink-tag-candidate: #51463c;
  --magic-radius-tag-candidate: 5px;
  --magic-fill-link-candidate: linear-gradient(transparent 48%, #e3ecf7 48%);
}

/*
 * Color-system roles, September 27, 2026 (calibrated in docs/design/lab/color-system; generated by
 * palette.mjs, measurements in palette-report.json). Ben: "its fine to use a lot of different colors
 * why are you limiting." Warm ember shell stays the anchor.
 * --magic-hue-<h>-{strong,pale,ink}: verified assignment-type hues read by
 *   packages/ui/src/deadline-emphasis.css (IDENTITY_HUES order; mint and sky need the 13-hue mapper
 *   patch). Proximity changes the fill level of the same hue; ink never fades (>= 5.58:1 worst case).
 *   Assignment type uses hue here; unverified type renders neutral. Daily Brief course pills
 *   separately use a stable account/course hue plus explicit course code (September 27 correction).
 * --magic-color-status-*: meaning carried by Hugeicons glyph + words; "done" is deliberately not green.
 * --magic-color-selected-*: selection inside ivory content, with aria-current/aria-pressed.
 * --magic-color-action-*: richer action blue; ink stays >= 4.5:1 under the pressed overlay (the
 *   existing --magic-ink-action measures 4.47:1 pressed).
 */
:root {
  --magic-hue-rose-strong: #ff7cad; --magic-hue-rose-pale: #fed5ec; --magic-hue-rose-ink: #3d041f;
  --magic-hue-coral-strong: #fe8975; --magic-hue-coral-pale: #fed9d9; --magic-hue-coral-ink: #430803;
  --magic-hue-orange-strong: #ff9f47; --magic-hue-orange-pale: #ffdecf; --magic-hue-orange-ink: #432200;
  --magic-hue-yellow-strong: #edd42c; --magic-hue-yellow-pale: #feeabf; --magic-hue-yellow-ink: #352e00;
  --magic-hue-lime-strong: #a7d54e; --magic-hue-lime-pale: #e9eeb8; --magic-hue-lime-ink: #243400;
  --magic-hue-green-strong: #51c96b; --magic-hue-green-pale: #d0edbe; --magic-hue-green-ink: #012d0d;
  --magic-hue-mint-strong: #04deae; --magic-hue-mint-pale: #c2f6d4; --magic-hue-mint-ink: #023729;
  --magic-hue-teal-strong: #01c3c5; --magic-hue-teal-pale: #aef2e5; --magic-hue-teal-ink: #002a2b;
  --magic-hue-sky-strong: #36c9ff; --magic-hue-sky-pale: #b8f1fe; --magic-hue-sky-ink: #013345;
  --magic-hue-blue-strong: #68acfe; --magic-hue-blue-pale: #c6e7ff; --magic-hue-blue-ink: #001f42;
  --magic-hue-indigo-strong: #8c84fa; --magic-hue-indigo-pale: #d0dcff; --magic-hue-indigo-ink: #100537;
  --magic-hue-purple-strong: #c288fb; --magic-hue-purple-pale: #e1dcfe; --magic-hue-purple-ink: #25093b;
  --magic-hue-magenta-strong: #eb7fd8; --magic-hue-magenta-pale: #f7d5fe; --magic-hue-magenta-ink: #360830;
  --magic-hue-neutral-strong: #e6dccf; --magic-hue-neutral-pale: #f6f1ea; --magic-hue-neutral-ink: #3a322b;
  --magic-color-status-done-ink: #4f4841;
  --magic-color-status-done-fill: #f1ece5;
  --magic-color-status-attention-ink: #6a430a;
  --magic-color-status-attention-fill: #fdebc4;
  --magic-color-status-problem-ink: #7a1f22;
  --magic-color-status-problem-fill: #fbe0de;
  --magic-color-status-info-ink: #23477a;
  --magic-color-status-info-fill: #e2ecfb;
  --magic-color-selected-fill: #f5dccf;
  --magic-color-selected-ink: #5a2419;
  --magic-color-selected-line: #c7806a;
  --magic-color-action-fill: linear-gradient(110deg, #86aef0, #d3e3fb);
  --magic-color-action-fill-hover: linear-gradient(110deg, #769fe8, #c5d9f7);
  --magic-color-action-ink: #132b52;
}