/* Theme color palette — consumed by tailwind.config.js via CSS variables */
:root {
  /* PRIMARY COLOR */
  --c-primary-50: 238, 242, 255;
  --c-primary-100: 224, 231, 255;
  --c-primary-200: 199, 210, 254;
  --c-primary-300: 165, 180, 252;
  --c-primary-400: 129, 140, 248;
  --c-primary-500: 59, 130, 246;
  --c-primary-600: 59, 130, 246;
  --c-primary-700: 67, 56, 202;
  --c-primary-800: 55, 48, 163;
  --c-primary-900: 49, 46, 129;

  /* SECONDARY COLOR */
  --c-secondary-50: 240, 253, 250;
  --c-secondary-100: 204, 251, 241;
  --c-secondary-200: 153, 246, 228;
  --c-secondary-300: 153, 246, 228;
  --c-secondary-400: 45, 212, 191;
  --c-secondary-500: 20, 184, 166;
  --c-secondary-600: 13, 148, 136;
  --c-secondary-700: 15, 118, 110;
  --c-secondary-800: 17, 94, 89;
  --c-secondary-900: 19, 78, 74;

  /* NEUTRAL COLOR */
  --c-neutral-50: 249, 250, 251;
  --c-neutral-100: 243, 244, 246;
  --c-neutral-200: 229, 231, 235;
  --c-neutral-300: 209, 213, 219;
  --c-neutral-400: 156, 163, 175;
  --c-neutral-500: 107, 114, 128;
  --c-neutral-600: 75, 85, 99;
  --c-neutral-700: 55, 65, 81;
  --c-neutral-800: 31, 41, 55;
  --c-neutral-900: 17, 24, 39;
}

/* ─── Semantic design tokens (dashboard design system) ──────────────────
 * Role-named, dark-mode-correct. Channels are "R G B" for rgb(var() / <a>).
 * ───────────────────────────────────────────────────────────────────── */
:root {
  --surface: 245 246 248;          /* #F5F6F8 */
  --surface-card: 255 255 255;     /* #FFFFFF */
  --surface-sunken: 250 251 252;   /* #FAFBFC */
  --line: 229 231 235;             /* #E5E7EB */
  --line-strong: 209 213 219;      /* #D1D5DB */
  --fg: 15 17 21;                  /* #0F1115 */
  --fg-muted: 75 81 89;            /* #4B5159 */
  --fg-subtle: 107 114 128;        /* #6B7280 */
  --fg-inverted: 245 246 248;      /* #F5F6F8 */
  --accent: 37 99 235;             /* blue-600 */
  --accent-strong: 29 78 216;      /* blue-700 */
  --accent-soft: 239 246 255;      /* blue-50 */
  --accent-solid: 29 78 216;       /* blue-700 — button fill; white text ≥4.5:1 in both modes */
  --on-accent: 255 255 255;        /* white — foreground on accent-solid */
  --focus: 37 99 235;              /* blue-600 */

  --positive: 22 163 74;           /* #16A34A */
  --positive-soft: 231 246 236;    /* #E7F6EC */
  --attention: 180 83 9;           /* #B45309 */
  --attention-soft: 254 243 199;   /* #FEF3C7 */
  --critical: 185 28 28;           /* #B91C1C */
  --critical-soft: 254 226 226;    /* #FEE2E2 */
  --info: 30 70 168;               /* #1E46A8 */
  --info-soft: 234 240 252;        /* #EAF0FC */
  --neutral-status: 75 85 99;      /* #4B5563 */
  --neutral-status-soft: 243 244 246; /* #F3F4F6 */

  /* Brand — navy band for hero / branded surfaces */
  --brand: 22 50 79;               /* #16324F */
  --brand-strong: 0 33 66;         /* #002142 */
  --on-brand: 245 246 248;         /* #F5F6F8 */
}

.dark {
  --surface: 15 17 21;             /* #0F1115 */
  --surface-card: 26 29 35;        /* #1A1D23 */
  --surface-sunken: 21 24 29;      /* #15181D */
  --line: 47 51 57;                /* #2F3339 */
  --line-strong: 58 63 71;         /* #3A3F47 */
  --fg: 245 246 248;               /* #F5F6F8 */
  --fg-muted: 156 163 175;         /* #9CA3AF */
  --fg-subtle: 156 163 175;        /* #9CA3AF */
  --fg-inverted: 15 17 21;         /* #0F1115 */
  --accent: 96 165 250;            /* blue-400 — lightened for dark bg */
  --accent-strong: 147 197 253;    /* blue-300 */
  --accent-soft: 23 37 84;         /* blue-950 */
  --accent-solid: 29 78 216;       /* blue-700 — intentionally NOT lightened; white text ≥4.5:1 */
  --on-accent: 255 255 255;        /* white — foreground on accent-solid */
  --focus: 96 165 250;             /* blue-400 */

  --positive: 74 222 128;          /* green-400 */
  --positive-soft: 20 45 30;
  --attention: 251 191 36;         /* amber-400 */
  --attention-soft: 51 38 8;
  --critical: 248 113 113;         /* red-400 */
  --critical-soft: 51 18 18;
  --info: 130 165 240;
  --info-soft: 24 33 52;
  --neutral-status: 156 163 175;
  --neutral-status-soft: 31 41 55;

  /* Brand — deeper navy for dark surfaces */
  --brand: 12 28 46;
  --brand-strong: 6 18 33;
  --on-brand: 245 246 248;
}

.wpgraphicator-path-7plh9lwc610ms962l5w8u-top {
    will-change: transform;
    transform-origin: center;
    animation: wpgraphicator-path-7plh9lwc610ms962l5w8u-top 2.73s infinite both linear;
  }
  
  @keyframes wpgraphicator-path-7plh9lwc610ms962l5w8u-top {
    0% {
      transform: translateY(211.725px);
    }
    100% {
      transform: translateY(206.29px);
    }
  }
  

/*# sourceMappingURL=90716122a61e6cfe.css.map*/