/* Application palette. Loaded last by SSR, /app/ and /child/.
   Brand, semantic colors and illustration details belong here only. */
:root {
  color-scheme: light;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --surface: #fff;
  --link: var(--primary-active);
  --link-hover: var(--navy);
  --teal-hover: #007f8c;
  --focus: #087f9c;
  --teal-emphasis: #009eac;
  --sidebar-background: #f8fafc;
  --blue: #138eef;
  --teal: #009fae;
  --selected-background: #e9f2fc;
  --selected-text: #1261a3;
  --preview-primary: #0878c2;
  --background: #f5f9fc;
  --primary: #0879ce;
  --muted: #63788e;
  --primary-hover: #0565ae;
  --navy: #062e59;
  --line: #e2eaf1;

  /* Public chrome and decorative illustration accents. */
  --code-block-background: #f5f6f8;
  --quote-text: #46515e;
  --inline-code-background: #f0f2f5;
  --header-border: #edf1f5;
  --language-background: #f3f6f9;
  --language-text: #62758a;
  --shadow-subtle-color: #062e5910;
  --login-border: #d6e1eb;
  --login-hover-background: #f4f9fc;
  --landing-button-hover: #0a477c;
  --shadow-button-hover-color: #062e5920;
  --footer-muted: #75889a;
  --eyebrow-text: #54788c;
  --hero-glow-teal: #e5f7fa;
  --hero-glow-blue: #f0f8ff;
  --status-dot-fill: #00a9ab;
  --status-dot-ring-color: #00a9ab10;
  --hero-note-text: #687c8d;
  --hero-note-icon: #7893a6;
  --preview-heading-text: #5b788f;
  --preview-status: #25b4b8;
  --preview-dots: #8ea1b1;
  --preview-border: #dce7ef;
  --preview-shadow-color: #123e672b;
  --preview-edge-shadow-color: #123e6708;
  --preview-sidebar-border: #e7edf3;
  --workspace-shadow-color: #138eef1c;
  --preview-workspace-muted: #8291a1;
  --preview-nav-text: #6d8194;
  --avatar-background: #e4f1f0;
  --avatar-text: #1c807f;
  --preview-account-muted: #8a97a5;
  --preview-search-text: #8a9aab;
  --avatar-secondary-background: #e6effc;
  --avatar-secondary-text: #4175a8;
  --preview-subtitle: #8b99a8;
  --preview-folder-border: #e6edf3;
  --folder-blue-fill: #deedfd;
  --folder-blue-stroke: #639fe0;
  --folder-teal-stroke: #42aaa9;
  --folder-teal-fill: #d7f1ef;
  --folder-sand-stroke: #ccac60;
  --folder-sand-fill: #f9edcf;
  --preview-folder-muted: #8b9aab;
  --preview-table-heading: #899aab;
  --preview-table-muted: #8594a4;
  --preview-file-text: #3b536b;
  --file-pdf-text: #d67b7b;
  --file-pdf-background: #fff0ed;
  --file-sheet-text: #45a48b;
  --file-sheet-background: #eaf7f1;
  --file-picture-text: #9272ce;
  --file-picture-background: #f2edfc;
  --preview-footer-text: #94a1ae;
  --preview-footer-icon: #2eaaa5;
  --preview-caption: #7c8fa0;
  --feature-gradient-end: #fcfdff;
  --feature-blue-background: #eaf3fd;
  --feature-blue-icon: #207bd1;
  --feature-blue-border: #dfecfb;
  --feature-teal-background: #e8f7f5;
  --feature-teal-icon: #009c9e;
  --feature-teal-border: #d9efea;
  --feature-purple-background: #f0edfd;
  --feature-purple-icon: #8975bb;
  --feature-purple-border: #e8e3f5;
  --feature-number: #b6c5d0;
  --feature-tag-text: #668094;
  --feature-tag-icon: #26a6a6;
  --workflow-border: #edf2f6;
  --workflow-art-border: #e1eaf2;
  --workflow-art-shadow-color: #062e5904;
  --workflow-art-blue: #3c93d5;
  --workflow-cloud-background: #e9f7f7;
  --workflow-cloud-border: #ceebeb;
  --workflow-cloud-icon: #00a1aa;
  --workflow-people-icon: #6682b0;
  --workflow-connection: #bdcfdc;
  --workflow-step-connector: #cbdce6;
  --workflow-step-border: #dce8ef;
  --workflow-step-text: #538298;
  --closing-border: #dcecf1;
  --closing-gradient-blue: #f2f8fe;
  --closing-gradient-teal: #f0faf8;
  --closing-eyebrow: #5d8491;
  --closing-note-text: #6e8595;
  --orbit-border: #009fae12;
  --orbit-inner-ring: #009fae04;
  --orbit-outer-ring: #009fae03;
  --orbit-icon: #009fae0c;
  --mobile-menu-shadow-color: #062e590c;

  /* Foundation semantic contract. Blue actions keep white text readable. */
  --surface-elevated: var(--surface);
  --surface-subtle: #edf5fb;
  --border: var(--line);
  --border-strong: #91a7bb;
  --control-border: #7891a7;
  --text: var(--navy);
  --text-muted: #536b82;
  --text-subtle: #5b7186;
  --primary-active: #064f8b;
  --primary-strong: var(--primary-active);
  --on-primary: var(--surface);
  --checkbox-check-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.25'/%3E%3C/svg%3E");
  --on-danger: var(--surface);
  --success: #166b4a;
  --warning: #805a10;
  --danger: #aa3f34;
  --danger-strong: #8b332a;
  --shadow: var(--shadow-raised);
  --shadow-raised: 0 12px 28px rgb(6 46 89 / 12%);

  /* Optional foundation surfaces, overlays and status details. */
  --account-surface: var(--surface);
  --account-field-surface: var(--surface);
  --account-shadow-color: rgb(6 46 89 / 8%);
  --account-success-color: var(--success);
  --account-error-color: var(--danger-strong);
  --admin-error-color: var(--danger-strong);
  --admin-error-background: rgb(170 63 52 / 10%);
  --admin-table-border: var(--border);
  --admin-button-border: var(--border-strong);
  --translucent-surface: rgb(255 255 255 / 80%);
  --navigation-backdrop: rgb(6 46 89 / 28%);
  --modal-backdrop: rgb(6 46 89 / 55%);
  --static-glow: #e5f7fa;
  --notfound-glow: rgb(0 159 174 / 18%);
  --code-background: var(--navy);
  --code-text: #f4f9fc;

  /* Shop aliases and independently configurable decorative states. */
  --shop-ink: var(--text);
  --shop-muted: var(--text-muted);
  --shop-surface: var(--surface);
  --shop-canvas: var(--background);
  --shop-primary: var(--primary);
  --shop-primary-hover: var(--primary-hover);
  --shop-border: var(--border);
  --shop-shadow: 0 12px 36px rgb(6 46 89 / 4%);
  --shop-hover-shadow-color: rgb(6 46 89 / 14%);
  --shop-glow: #e5f7fa;
  --cart-border: var(--border);
  --cart-surface: var(--surface);
  --cart-canvas: var(--background);
  --cart-muted: var(--text-muted);
  --shop-error-color: var(--danger-strong);
  --shop-error-background: rgb(170 63 52 / 8%);
  --shop-warning-color: var(--warning);
  --shop-warning-background: rgb(128 90 16 / 8%);
  --shop-selected-background: var(--surface-subtle);
  --shop-step-background: var(--surface-subtle);
  --color-danger: var(--danger-strong);
  --color-honey-100: var(--shop-step-background);
  --color-brand-yellow-50: var(--shop-selected-background);
  --language-active-shadow: 0 1px 3px var(--shadow-subtle-color);
  --button-shadow: 0 5px 12px var(--shadow-subtle-color);
  --button-hover-shadow: 0 7px 20px var(--shadow-button-hover-color);
  --hero-glow: radial-gradient(ellipse at 70% 45%, var(--hero-glow-teal) 0, var(--hero-glow-blue) 35%, transparent 70%);
  --status-dot-ring: 0 0 0 4px var(--status-dot-ring-color);
  --preview-shadow: 0 22px 60px -20px var(--preview-shadow-color), 0 2px 6px var(--preview-edge-shadow-color);
  --workspace-gradient: linear-gradient(140deg, var(--blue), var(--teal));
  --workspace-shadow: 0 4px 10px var(--workspace-shadow-color);
  --feature-gradient: linear-gradient(145deg, var(--surface), var(--feature-gradient-end));
  --workflow-art-shadow: 0 3px 8px var(--workflow-art-shadow-color);
  --closing-gradient: linear-gradient(110deg, var(--closing-gradient-blue), var(--closing-gradient-teal));
  --closing-orbit-shadow: 0 0 0 32px var(--orbit-inner-ring), 0 0 0 64px var(--orbit-outer-ring);
  --mobile-menu-shadow: 0 15px 25px var(--mobile-menu-shadow-color);
  --shop-card-shadow: var(--shop-shadow);

  /* Additional foundation decoration and chart series. */
  --map-background: var(--surface);
  --map-shadow-color: rgb(6 46 89 / 12%);
  --map-control-border: var(--border-strong);
  --cookie-shadow-color: rgb(6 46 89 / 22%);
  --dialog-backdrop: var(--modal-backdrop);
  --dialog-shadow-color: rgb(6 46 89 / 22%);
  --picker-text: var(--text);
  --picker-primary: var(--primary-active);
  --picker-shadow-color: rgb(6 46 89 / 24%);
  --picker-backdrop: var(--modal-backdrop);
  --picker-error-color: var(--danger-strong);
  --file-picker-border: var(--border);
  --file-picker-primary: var(--primary-active);
  --file-picker-control-border: var(--control-border);
  --file-picker-text: var(--text);
  --image-picker-border: var(--border);
  --image-preview-background: var(--surface-subtle);
  --image-picker-primary: var(--primary-active);
  --editor-code-text: var(--code-text);
  --dashboard-shadow-color: rgb(6 46 89 / 12%);
  --gallery-backdrop: rgb(6 46 89 / 88%);
  --gallery-text: rgba(255, 255, 255, 0.86);
  --gallery-muted: rgba(255, 255, 255, 0.6);
  --gallery-control-background: rgba(255, 255, 255, 0.12);
  --gallery-control-hover: rgba(255, 255, 255, 0.24);
  --static-dark-glow: var(--static-glow);
  --notfound-shadow-color: rgb(6 46 89 / 12%);
  --notfound-action-shadow-color: rgb(6 46 89 / 12%);
  --notfound-control-border: var(--border-strong);
  --landing-menu-surface: var(--surface);
  --landing-menu-shadow-color: rgb(6 46 89 / 12%);
  --landing-card-shadow-color: rgb(6 46 89 / 12%);
  --form-shadow-color: rgb(6 46 89 / 12%);
  --entity-menu-shadow-color: rgb(6 46 89 / 12%);
  --chart-series-1: var(--primary);
  --chart-series-2: var(--teal);
  --chart-series-3: var(--warning);
  --chart-series-4: #963d70;
  --chart-series-5: var(--text-muted);
}