/* Profile register. Does not redefine :root.
   Professional is the app baseline already in index.html.
   Student shifts accent hue only. Veteran shifts hue and squares corners.
   Support / crisis tokens are never themed. */

:root{
  --quiet-bg:#F3EDE4;
  --quiet-card:#FBF7F1;
  --quiet-accent:#B08054;
  --profile-radius-phone:32px;
  --profile-radius-control:14px;
}

/* Student: same role, hue moved off the professional sky accent. */
html[data-profile="student"]{
  --copper:#9aa7f2;
  --copper-lt:#c3caf8;
  --copper-dim:#6d78c4;
  --verdigris:#7a8ae0;
}

/* Veteran: field hue, and square the app chrome. The device bezel stays rounded. */
html[data-profile="veteran"]{
  --copper:#c4a574;
  --copper-lt:#d8c09a;
  --copper-dim:#8a7048;
  --verdigris:#8f9a62;
  --radius:4px;
  --profile-radius-phone:6px;
  --profile-radius-control:4px;
}

html[data-profile="veteran"] .screen,
html[data-profile="veteran"] .btn,
html[data-profile="veteran"] .card,
html[data-profile="veteran"] .chip,
html[data-profile="veteran"] .home-tile,
html[data-profile="veteran"] .featured-card,
html[data-profile="veteran"] .gtile,
html[data-profile="veteran"] .med,
html[data-profile="veteran"] .stat-pill{
  border-radius:var(--profile-radius-control);
}

/* These stay put in every profile. */
[data-support]{
  background:var(--quiet-bg);
  color:#3d342c;
  border-radius:8px;
}