/* ALYSSIUN OS color-icon contract.
 * App identity belongs to the OS so the same glyph and color travel across
 * the launcher, desktop, window chrome, and first-party app surfaces. */
:root {
  --alyssiun-icon-ink: #fff;
  --alyssiun-icon-border: rgba(255, 255, 255, .22);
  --alyssiun-icon-shadow: 0 9px 22px rgba(11, 16, 28, .22), inset 0 1px 0 rgba(255, 255, 255, .32);

  --alyssiun-app-drive-icon-start: #1f9bff;
  --alyssiun-app-drive-icon-end: #3155d9;
  --alyssiun-app-crm-icon-start: #31d6b0;
  --alyssiun-app-crm-icon-end: #087f8c;
  --alyssiun-app-blog-icon-start: #ffbd38;
  --alyssiun-app-blog-icon-end: #ee6b2f;
  --alyssiun-app-one-icon-start: #a96dff;
  --alyssiun-app-one-icon-end: #6650e8;
  --alyssiun-app-viewer-icon-start: #627cff;
  --alyssiun-app-viewer-icon-end: #25b8d8;
  --alyssiun-app-here-icon-start: #42d887;
  --alyssiun-app-here-icon-end: #138f68;
  --alyssiun-app-id-icon-start: #ff6c91;
  --alyssiun-app-id-icon-end: #9b4de1;
  --alyssiun-app-foundation-icon-start: #ff668f;
  --alyssiun-app-foundation-icon-end: #e23d57;
  --alyssiun-app-account-icon-start: #7586a6;
  --alyssiun-app-account-icon-end: #3e4e70;
  --alyssiun-app-aly-icon-start: #34c896;
  --alyssiun-app-aly-icon-end: #1b2a26;
  --alyssiun-app-store-icon-start: #ffa63d;
  --alyssiun-app-store-icon-end: #e0483f;

  --alyssiun-system-folder-icon-start: #53b7ff;
  --alyssiun-system-folder-icon-end: #2d6bd7;
  --alyssiun-system-file-icon-start: #8f9db4;
  --alyssiun-system-file-icon-end: #52637e;
  --alyssiun-system-image-icon-start: #ff7ba6;
  --alyssiun-system-image-icon-end: #9e55db;
  --alyssiun-system-audio-icon-start: #fc6bb2;
  --alyssiun-system-audio-icon-end: #a146c7;
  --alyssiun-system-video-icon-start: #ff795d;
  --alyssiun-system-video-icon-end: #d43e72;
  --alyssiun-system-model-icon-start: #5fd0c5;
  --alyssiun-system-model-icon-end: #317ca6;
  --alyssiun-system-space-icon-start: #52c6df;
  --alyssiun-system-space-icon-end: #3e63d4;
  --alyssiun-system-desktop-icon-start: #5da8ff;
  --alyssiun-system-desktop-icon-end: #5368df;
  --alyssiun-system-download-icon-start: #42c98f;
  --alyssiun-system-download-icon-end: #248071;
  --alyssiun-system-apps-icon-start: #9b79ff;
  --alyssiun-system-apps-icon-end: #5d57d7;
  --alyssiun-system-shared-icon-start: #4bc1e8;
  --alyssiun-system-shared-icon-end: #3776d2;
  --alyssiun-system-trash-icon-start: #8993a4;
  --alyssiun-system-trash-icon-end: #4c5668;
}

.alyssiun-color-icon {
  --alyssiun-icon-start: var(--alyssiun-system-file-icon-start);
  --alyssiun-icon-end: var(--alyssiun-system-file-icon-end);
  box-sizing: border-box;
  overflow: hidden;
  border-color: var(--alyssiun-icon-border) !important;
  background: linear-gradient(145deg, var(--alyssiun-icon-start), var(--alyssiun-icon-end)) !important;
  box-shadow: var(--alyssiun-icon-shadow) !important;
  color: var(--alyssiun-icon-ink) !important;
}

.alyssiun-color-icon svg { color: inherit !important; }

.alyssiun-color-icon[data-app-icon="drive"] { --alyssiun-icon-start: var(--alyssiun-app-drive-icon-start); --alyssiun-icon-end: var(--alyssiun-app-drive-icon-end); }
.alyssiun-color-icon[data-app-icon="crm"] { --alyssiun-icon-start: var(--alyssiun-app-crm-icon-start); --alyssiun-icon-end: var(--alyssiun-app-crm-icon-end); }
.alyssiun-color-icon[data-app-icon="blog"] { --alyssiun-icon-start: var(--alyssiun-app-blog-icon-start); --alyssiun-icon-end: var(--alyssiun-app-blog-icon-end); }
.alyssiun-color-icon[data-app-icon="one"] { --alyssiun-icon-start: var(--alyssiun-app-one-icon-start); --alyssiun-icon-end: var(--alyssiun-app-one-icon-end); }
.alyssiun-color-icon[data-app-icon="viewer"] { --alyssiun-icon-start: var(--alyssiun-app-viewer-icon-start); --alyssiun-icon-end: var(--alyssiun-app-viewer-icon-end); }
.alyssiun-color-icon[data-app-icon="here"] { --alyssiun-icon-start: var(--alyssiun-app-here-icon-start); --alyssiun-icon-end: var(--alyssiun-app-here-icon-end); }
.alyssiun-color-icon[data-app-icon="id"] { --alyssiun-icon-start: var(--alyssiun-app-id-icon-start); --alyssiun-icon-end: var(--alyssiun-app-id-icon-end); }
.alyssiun-color-icon[data-app-icon="foundation"] { --alyssiun-icon-start: var(--alyssiun-app-foundation-icon-start); --alyssiun-icon-end: var(--alyssiun-app-foundation-icon-end); }
.alyssiun-color-icon[data-app-icon="account"] { --alyssiun-icon-start: var(--alyssiun-app-account-icon-start); --alyssiun-icon-end: var(--alyssiun-app-account-icon-end); }
.alyssiun-color-icon[data-app-icon="aly"] { --alyssiun-icon-start: var(--alyssiun-app-aly-icon-start); --alyssiun-icon-end: var(--alyssiun-app-aly-icon-end); }
.alyssiun-color-icon[data-app-icon="store"] { --alyssiun-icon-start: var(--alyssiun-app-store-icon-start); --alyssiun-icon-end: var(--alyssiun-app-store-icon-end); }

.alyssiun-color-icon[data-system-icon="folder"] { --alyssiun-icon-start: var(--alyssiun-system-folder-icon-start); --alyssiun-icon-end: var(--alyssiun-system-folder-icon-end); }
.alyssiun-color-icon[data-system-icon="files"] { --alyssiun-icon-start: var(--alyssiun-system-file-icon-start); --alyssiun-icon-end: var(--alyssiun-system-file-icon-end); }
.alyssiun-color-icon[data-system-icon="image"] { --alyssiun-icon-start: var(--alyssiun-system-image-icon-start); --alyssiun-icon-end: var(--alyssiun-system-image-icon-end); }
.alyssiun-color-icon[data-system-icon="audio"] { --alyssiun-icon-start: var(--alyssiun-system-audio-icon-start); --alyssiun-icon-end: var(--alyssiun-system-audio-icon-end); }
.alyssiun-color-icon[data-system-icon="video"] { --alyssiun-icon-start: var(--alyssiun-system-video-icon-start); --alyssiun-icon-end: var(--alyssiun-system-video-icon-end); }
.alyssiun-color-icon[data-system-icon="model"] { --alyssiun-icon-start: var(--alyssiun-system-model-icon-start); --alyssiun-icon-end: var(--alyssiun-system-model-icon-end); }
.alyssiun-color-icon[data-system-icon="spaces"] { --alyssiun-icon-start: var(--alyssiun-system-space-icon-start); --alyssiun-icon-end: var(--alyssiun-system-space-icon-end); }
.alyssiun-color-icon[data-system-icon="desktop"] { --alyssiun-icon-start: var(--alyssiun-system-desktop-icon-start); --alyssiun-icon-end: var(--alyssiun-system-desktop-icon-end); }
.alyssiun-color-icon[data-system-icon="downloads"] { --alyssiun-icon-start: var(--alyssiun-system-download-icon-start); --alyssiun-icon-end: var(--alyssiun-system-download-icon-end); }
.alyssiun-color-icon[data-system-icon="apps"] { --alyssiun-icon-start: var(--alyssiun-system-apps-icon-start); --alyssiun-icon-end: var(--alyssiun-system-apps-icon-end); }
.alyssiun-color-icon[data-system-icon="shared"] { --alyssiun-icon-start: var(--alyssiun-system-shared-icon-start); --alyssiun-icon-end: var(--alyssiun-system-shared-icon-end); }
/* Settings is an OS app (OS_APPS) with no colour of its own: the system "desktop" pair. */
.alyssiun-color-icon[data-app-icon="settings"] { --alyssiun-icon-start: var(--alyssiun-system-desktop-icon-start); --alyssiun-icon-end: var(--alyssiun-system-desktop-icon-end); }
.alyssiun-color-icon[data-system-icon="trash"] { --alyssiun-icon-start: var(--alyssiun-system-trash-icon-start); --alyssiun-icon-end: var(--alyssiun-system-trash-icon-end); }

@media (prefers-reduced-motion: reduce) {
  .alyssiun-color-icon { transition: none !important; }
}