/* Canonical palette shared by public, child, parent and admin shells. */
:root {
  color-scheme: light;
  --ink: #292340;
  --ink-soft: #6d657f;
  --canvas: #fffbf5;
  --canvas-2: #f6f1e9;
  --white: #fff;
  --card-bg: var(--white);
  --line: #e9e1d5;
  --sun: #f6b540;
  --sun-deep: #a95316;
  --sun-100: #fff0cf;
  --grape: #7454b8;
  --grape-deep: #5c3e99;
  --grape-100: #f0e9fc;
  --leaf: #238563;
  --leaf-100: #e4f3e8;
  --berry: #bd3655;
  --berry-100: #fbe8ed;
  --sky: #286d9b;
  --sky-100: #e8f2fa;
  --on-primary: #292340;
  --on-secondary: #fff;
  --shadow-sm: 0 2px 8px rgb(41 35 64 / .045);
  --shadow-md: 0 8px 28px rgb(41 35 64 / .075);
  --shadow-lg: 0 18px 48px rgb(41 35 64 / .12);
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --ease: cubic-bezier(.22, .61, .36, 1);
  --content-width: 1200px;
  --section-space: clamp(44px, 6vw, 80px);
  --loading-bg: var(--canvas);
  --loading-text: var(--ink);
  --loading-logo-glow: rgb(116 84 184 / .12);
  --brand-cdn: https://jijiboo.com/media/stream/uploads;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --ink: #f6f1ff;
  --ink-soft: #c0b5d0;
  --canvas: #1d1929;
  --canvas-2: #241f35;
  --white: #292338;
  --card-bg: var(--white);
  --line: #433a52;
  --sun-deep: #f2bf6e;
  --sun-100: #403422;
  --grape: #c4adf1;
  --grape-deep: #dbcaff;
  --grape-100: #392d50;
  --leaf: #87d1ac;
  --leaf-100: #203b31;
  --berry: #ff9bb3;
  --berry-100: #452934;
  --sky: #9dceef;
  --sky-100: #26394c;
  --on-secondary: #292340;
  --shadow-sm: 0 2px 8px rgb(0 0 0 / .16);
  --shadow-md: 0 8px 28px rgb(0 0 0 / .22);
  --shadow-lg: 0 18px 48px rgb(0 0 0 / .3);
}