@shohojdhara/atomix 0.6.6 → 0.6.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/atomix.css +658 -656
  2. package/dist/atomix.css.map +1 -1
  3. package/dist/atomix.min.css +45 -45
  4. package/dist/atomix.min.css.map +1 -1
  5. package/package.json +1 -1
  6. package/src/layouts/Grid/Grid.stories.tsx +54 -2
  7. package/src/layouts/Grid/README.md +6 -2
  8. package/src/styles/01-settings/_settings.colors.scss +73 -73
  9. package/src/styles/05-objects/_objects.grid.scss +4 -1
package/dist/atomix.css CHANGED
@@ -365,110 +365,110 @@ summary {
365
365
  */
366
366
  :root,
367
367
  [data-atomix-color-mode=light] {
368
- --atomix-primary: #8b5cf6;
369
- --atomix-secondary: #f3f4f6;
370
- --atomix-success: #22c55e;
371
- --atomix-info: #3b82f6;
372
- --atomix-warning: #eab308;
373
- --atomix-error: #ef4444;
374
- --atomix-light: #f9fafb;
375
- --atomix-dark: #1f2937;
376
- --atomix-primary-rgb: 139, 92, 246;
377
- --atomix-secondary-rgb: 243, 244, 246;
378
- --atomix-success-rgb: 34, 197, 94;
379
- --atomix-info-rgb: 59, 130, 246;
380
- --atomix-warning-rgb: 234, 179, 8;
381
- --atomix-error-rgb: 239, 68, 68;
382
- --atomix-light-rgb: 249, 250, 251;
383
- --atomix-dark-rgb: 31, 41, 55;
384
- --atomix-gray-1: #f9fafb;
385
- --atomix-gray-2: #f3f4f6;
386
- --atomix-gray-3: #e5e7eb;
387
- --atomix-gray-4: #d1d5db;
388
- --atomix-gray-5: #9ca3af;
389
- --atomix-gray-6: #6b7280;
390
- --atomix-gray-7: #4b5563;
391
- --atomix-gray-8: #374151;
392
- --atomix-gray-9: #1f2937;
393
- --atomix-gray-10: #111827;
394
- --atomix-primary-1: #f5f3ff;
395
- --atomix-primary-2: #ede9fe;
396
- --atomix-primary-3: #ddd6fe;
397
- --atomix-primary-4: #c4b5fd;
398
- --atomix-primary-5: #a78bfa;
399
- --atomix-primary-6: #8b5cf6;
400
- --atomix-primary-7: #7c3aed;
401
- --atomix-primary-8: #6d28d9;
402
- --atomix-primary-9: #5b21b6;
403
- --atomix-primary-10: #4c1d95;
404
- --atomix-primary-text-emphasis: #111827;
405
- --atomix-secondary-text-emphasis: #374151;
406
- --atomix-tertiary-text-emphasis: #6b7280;
407
- --atomix-disabled-text-emphasis: #9ca3af;
408
- --atomix-invert-text-emphasis: #111827;
409
- --atomix-brand-text-emphasis: #8b5cf6;
410
- --atomix-error-text-emphasis: #ef4444;
411
- --atomix-success-text-emphasis: #22c55e;
412
- --atomix-warning-text-emphasis: #eab308;
413
- --atomix-info-text-emphasis: #3b82f6;
414
- --atomix-light-text-emphasis: #f9fafb;
415
- --atomix-dark-text-emphasis: #1f2937;
368
+ --atomix-primary: #7c4dff;
369
+ --atomix-secondary: #f1f5f9;
370
+ --atomix-success: #10b981;
371
+ --atomix-info: #2f80ed;
372
+ --atomix-warning: #f59e0b;
373
+ --atomix-error: #f43f5e;
374
+ --atomix-light: #f8fafc;
375
+ --atomix-dark: #1e293b;
376
+ --atomix-primary-rgb: 124, 77, 255;
377
+ --atomix-secondary-rgb: 241, 245, 249;
378
+ --atomix-success-rgb: 16, 185, 129;
379
+ --atomix-info-rgb: 47, 128, 237;
380
+ --atomix-warning-rgb: 245, 158, 11;
381
+ --atomix-error-rgb: 244, 63, 94;
382
+ --atomix-light-rgb: 248, 250, 252;
383
+ --atomix-dark-rgb: 30, 41, 59;
384
+ --atomix-gray-1: #f8fafc;
385
+ --atomix-gray-2: #f1f5f9;
386
+ --atomix-gray-3: #e2e8f0;
387
+ --atomix-gray-4: #cbd5e1;
388
+ --atomix-gray-5: #94a3b8;
389
+ --atomix-gray-6: #64748b;
390
+ --atomix-gray-7: #475569;
391
+ --atomix-gray-8: #334155;
392
+ --atomix-gray-9: #1e293b;
393
+ --atomix-gray-10: #0f172a;
394
+ --atomix-primary-1: #f6f4ff;
395
+ --atomix-primary-2: #ece7ff;
396
+ --atomix-primary-3: #dccfff;
397
+ --atomix-primary-4: #c1aafd;
398
+ --atomix-primary-5: #a07ff9;
399
+ --atomix-primary-6: #7c4dff;
400
+ --atomix-primary-7: #6b3ae8;
401
+ --atomix-primary-8: #5a2bc9;
402
+ --atomix-primary-9: #47209f;
403
+ --atomix-primary-10: #341776;
404
+ --atomix-primary-text-emphasis: #0f172a;
405
+ --atomix-secondary-text-emphasis: #334155;
406
+ --atomix-tertiary-text-emphasis: #64748b;
407
+ --atomix-disabled-text-emphasis: #94a3b8;
408
+ --atomix-invert-text-emphasis: #0f172a;
409
+ --atomix-brand-text-emphasis: #7c4dff;
410
+ --atomix-error-text-emphasis: #f43f5e;
411
+ --atomix-success-text-emphasis: #10b981;
412
+ --atomix-warning-text-emphasis: #f59e0b;
413
+ --atomix-info-text-emphasis: #2f80ed;
414
+ --atomix-light-text-emphasis: #f8fafc;
415
+ --atomix-dark-text-emphasis: #1e293b;
416
416
  --atomix-primary-bg-subtle: #ffffff;
417
- --atomix-secondary-bg-subtle: #e5e7eb;
418
- --atomix-tertiary-bg-subtle: #d1d5db;
419
- --atomix-invert-bg-subtle: #111827;
420
- --atomix-brand-bg-subtle: #ede9fe;
421
- --atomix-error-bg-subtle: #fee2e2;
422
- --atomix-success-bg-subtle: #dcfce7;
423
- --atomix-warning-bg-subtle: #fef9c3;
424
- --atomix-info-bg-subtle: #dbeafe;
425
- --atomix-light-bg-subtle: #f3f4f6;
426
- --atomix-dark-bg-subtle: #1f2937;
427
- --atomix-primary-border-subtle: #e5e7eb;
428
- --atomix-secondary-border-subtle: #111827;
429
- --atomix-success-border-subtle: #22c55e;
430
- --atomix-error-border-subtle: #ef4444;
431
- --atomix-warning-border-subtle: #eab308;
432
- --atomix-info-border-subtle: #3b82f6;
433
- --atomix-brand-border-subtle: #8b5cf6;
434
- --atomix-light-border-subtle: #f9fafb;
435
- --atomix-dark-border-subtle: #1f2937;
436
- --atomix-primary-hover: #8b5cf6;
437
- --atomix-secondary-hover: #e5e7eb;
438
- --atomix-light-hover: #f3f4f6;
439
- --atomix-dark-hover: #4b5563;
440
- --atomix-error-hover: #b91c1c;
441
- --atomix-success-hover: #15803d;
442
- --atomix-warning-hover: #a16207;
443
- --atomix-info-hover: #1d4ed8;
444
- --atomix-primary-gradient: linear-gradient(135deg, #ede9fe, #ddd6fe, #c4b5fd);
445
- --atomix-secondary-gradient: linear-gradient(135deg, #f3f4f6, #e5e7eb, #d1d5db);
446
- --atomix-light-gradient: linear-gradient(135deg, #f9fafb, #f3f4f6, #e5e7eb);
447
- --atomix-dark-gradient: linear-gradient(135deg, #4b5563, #1f2937, #000000);
448
- --atomix-success-gradient: linear-gradient(135deg, #dcfce7, #86efac, #4ade80);
449
- --atomix-info-gradient: linear-gradient(135deg, #dbeafe, #bfdbfe, #60a5fa);
450
- --atomix-warning-gradient: linear-gradient(135deg, #fef9c3, #fef08a, #facc15);
451
- --atomix-error-gradient: linear-gradient(135deg, #fef2f2, #fee2e2, #fecaca);
452
- --atomix-gradient: linear-gradient(135deg, #f9fafb, #f3f4f6, #e5e7eb);
417
+ --atomix-secondary-bg-subtle: #e2e8f0;
418
+ --atomix-tertiary-bg-subtle: #cbd5e1;
419
+ --atomix-invert-bg-subtle: #0f172a;
420
+ --atomix-brand-bg-subtle: #ece7ff;
421
+ --atomix-error-bg-subtle: #ffe4e6;
422
+ --atomix-success-bg-subtle: #d1fae5;
423
+ --atomix-warning-bg-subtle: #fef3c7;
424
+ --atomix-info-bg-subtle: #d8edff;
425
+ --atomix-light-bg-subtle: #f1f5f9;
426
+ --atomix-dark-bg-subtle: #1e293b;
427
+ --atomix-primary-border-subtle: #e2e8f0;
428
+ --atomix-secondary-border-subtle: #0f172a;
429
+ --atomix-success-border-subtle: #10b981;
430
+ --atomix-error-border-subtle: #f43f5e;
431
+ --atomix-warning-border-subtle: #f59e0b;
432
+ --atomix-info-border-subtle: #2f80ed;
433
+ --atomix-brand-border-subtle: #7c4dff;
434
+ --atomix-light-border-subtle: #f8fafc;
435
+ --atomix-dark-border-subtle: #1e293b;
436
+ --atomix-primary-hover: #7c4dff;
437
+ --atomix-secondary-hover: #e2e8f0;
438
+ --atomix-light-hover: #f1f5f9;
439
+ --atomix-dark-hover: #475569;
440
+ --atomix-error-hover: #be123c;
441
+ --atomix-success-hover: #047857;
442
+ --atomix-warning-hover: #b45309;
443
+ --atomix-info-hover: #1a4fad;
444
+ --atomix-primary-gradient: linear-gradient(135deg, #ece7ff, #dccfff, #c1aafd);
445
+ --atomix-secondary-gradient: linear-gradient(135deg, #f1f5f9, #e2e8f0, #cbd5e1);
446
+ --atomix-light-gradient: linear-gradient(135deg, #f8fafc, #f1f5f9, #e2e8f0);
447
+ --atomix-dark-gradient: linear-gradient(135deg, #475569, #1e293b, #000000);
448
+ --atomix-success-gradient: linear-gradient(135deg, #d1fae5, #6ee7b7, #34d399);
449
+ --atomix-info-gradient: linear-gradient(135deg, #d8edff, #b6ddff, #52a6fa);
450
+ --atomix-warning-gradient: linear-gradient(135deg, #fef3c7, #fde68a, #fbbf24);
451
+ --atomix-error-gradient: linear-gradient(135deg, #fff1f2, #ffe4e6, #fecdd3);
452
+ --atomix-gradient: linear-gradient(135deg, #f8fafc, #f1f5f9, #e2e8f0);
453
453
  --atomix-font-sans-serif: "Roboto", sans-serif;
454
454
  --atomix-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
455
455
  --atomix-body-font-family: "Roboto", sans-serif;
456
456
  --atomix-body-font-size: 1rem;
457
457
  --atomix-body-font-weight: 400;
458
458
  --atomix-body-line-height: 1.2;
459
- --atomix-body-color: #111827;
459
+ --atomix-body-color: #0f172a;
460
460
  --atomix-body-bg: #ffffff;
461
- --atomix-heading-color: #111827;
462
- --atomix-link-color: #8b5cf6;
463
- --atomix-link-color-rgb: 139, 92, 246;
461
+ --atomix-heading-color: #0f172a;
462
+ --atomix-link-color: #7c4dff;
463
+ --atomix-link-color-rgb: 124, 77, 255;
464
464
  --atomix-link-decoration: none;
465
- --atomix-link-hover-color: rgb(87.4069767442, 19.5029069767, 241.9970930233);
466
- --atomix-link-hover-color-rgb: 87.4069767442, 19.5029069767, 241.9970930233;
467
- --atomix-highlight-bg: #fef08a;
465
+ --atomix-link-hover-color: rgb(67.6994382022, 0.5, 255);
466
+ --atomix-link-hover-color-rgb: 67.6994382022, 0.5, 255;
467
+ --atomix-highlight-bg: #fde68a;
468
468
  --atomix-border-width: 1px;
469
469
  --atomix-border-style: solid;
470
- --atomix-border-color: #e5e7eb;
471
- --atomix-border-color-translucent: rgba(229, 231, 235, 0.175);
470
+ --atomix-border-color: #e2e8f0;
471
+ --atomix-border-color-translucent: rgba(226, 232, 240, 0.175);
472
472
  --atomix-border-radius: 0.5rem;
473
473
  --atomix-border-radius-sm: 0.25rem;
474
474
  --atomix-border-radius-lg: 0.625rem;
@@ -486,11 +486,11 @@ summary {
486
486
  --atomix-box-shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.175);
487
487
  --atomix-box-shadow-xl: 0px 16px 64px -8px rgba(45, 54, 67, 0.14);
488
488
  --atomix-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
489
- --atomix-focus-border-color: #a78bfa;
490
- --atomix-form-valid-color: #22c55e;
491
- --atomix-form-valid-border-color: #22c55e;
492
- --atomix-form-invalid-color: #ef4444;
493
- --atomix-form-invalid-border-color: #ef4444;
489
+ --atomix-focus-border-color: #a07ff9;
490
+ --atomix-form-valid-color: #10b981;
491
+ --atomix-form-valid-border-color: #10b981;
492
+ --atomix-form-invalid-color: #f43f5e;
493
+ --atomix-form-invalid-border-color: #f43f5e;
494
494
  --atomix-spacing-0: 0rem;
495
495
  --atomix-spacing-1: 0.25rem;
496
496
  --atomix-spacing-px-6: 0.375rem;
@@ -527,46 +527,46 @@ summary {
527
527
  --atomix-spacing-80: 20rem;
528
528
  --atomix-spacing-90: 22.5rem;
529
529
  --atomix-spacing-200: 50rem;
530
- --atomix-red-1: #fef2f2;
531
- --atomix-red-2: #fee2e2;
532
- --atomix-red-3: #fecaca;
533
- --atomix-red-4: #fca5a5;
534
- --atomix-red-5: #f87171;
535
- --atomix-red-6: #ef4444;
536
- --atomix-red-7: #dc2626;
537
- --atomix-red-8: #b91c1c;
538
- --atomix-red-9: #991b1b;
539
- --atomix-red-10: #7f1d1d;
540
- --atomix-green-1: #f0fdf4;
541
- --atomix-green-2: #dcfce7;
542
- --atomix-green-3: #bbf7d0;
543
- --atomix-green-4: #86efac;
544
- --atomix-green-5: #4ade80;
545
- --atomix-green-6: #22c55e;
546
- --atomix-green-7: #16a34a;
547
- --atomix-green-8: #15803d;
548
- --atomix-green-9: #166534;
549
- --atomix-green-10: #14532d;
550
- --atomix-blue-1: #eff6ff;
551
- --atomix-blue-2: #dbeafe;
552
- --atomix-blue-3: #bfdbfe;
553
- --atomix-blue-4: #93c5fd;
554
- --atomix-blue-5: #60a5fa;
555
- --atomix-blue-6: #3b82f6;
556
- --atomix-blue-7: #2563eb;
557
- --atomix-blue-8: #1d4ed8;
558
- --atomix-blue-9: #1e40af;
559
- --atomix-blue-10: #1e3a8a;
560
- --atomix-yellow-1: #fefce8;
561
- --atomix-yellow-2: #fef9c3;
562
- --atomix-yellow-3: #fef08a;
563
- --atomix-yellow-4: #fde047;
564
- --atomix-yellow-5: #facc15;
565
- --atomix-yellow-6: #eab308;
566
- --atomix-yellow-7: #ca8a04;
567
- --atomix-yellow-8: #a16207;
568
- --atomix-yellow-9: #854d0e;
569
- --atomix-yellow-10: #713f12;
530
+ --atomix-red-1: #fff1f2;
531
+ --atomix-red-2: #ffe4e6;
532
+ --atomix-red-3: #fecdd3;
533
+ --atomix-red-4: #fda4af;
534
+ --atomix-red-5: #fb7185;
535
+ --atomix-red-6: #f43f5e;
536
+ --atomix-red-7: #e11d48;
537
+ --atomix-red-8: #be123c;
538
+ --atomix-red-9: #9f1239;
539
+ --atomix-red-10: #881337;
540
+ --atomix-green-1: #ecfdf5;
541
+ --atomix-green-2: #d1fae5;
542
+ --atomix-green-3: #a7f3d0;
543
+ --atomix-green-4: #6ee7b7;
544
+ --atomix-green-5: #34d399;
545
+ --atomix-green-6: #10b981;
546
+ --atomix-green-7: #059669;
547
+ --atomix-green-8: #047857;
548
+ --atomix-green-9: #065f46;
549
+ --atomix-green-10: #064e3b;
550
+ --atomix-blue-1: #eff8ff;
551
+ --atomix-blue-2: #d8edff;
552
+ --atomix-blue-3: #b6ddff;
553
+ --atomix-blue-4: #84c5ff;
554
+ --atomix-blue-5: #52a6fa;
555
+ --atomix-blue-6: #2f80ed;
556
+ --atomix-blue-7: #1f66d4;
557
+ --atomix-blue-8: #1a4fad;
558
+ --atomix-blue-9: #1a428a;
559
+ --atomix-blue-10: #173770;
560
+ --atomix-yellow-1: #fffbeb;
561
+ --atomix-yellow-2: #fef3c7;
562
+ --atomix-yellow-3: #fde68a;
563
+ --atomix-yellow-4: #fcd34d;
564
+ --atomix-yellow-5: #fbbf24;
565
+ --atomix-yellow-6: #f59e0b;
566
+ --atomix-yellow-7: #d97706;
567
+ --atomix-yellow-8: #b45309;
568
+ --atomix-yellow-9: #92400e;
569
+ --atomix-yellow-10: #78350f;
570
570
  --atomix-font-weight-light: 300;
571
571
  --atomix-font-weight-normal: 400;
572
572
  --atomix-font-weight-medium: 500;
@@ -625,105 +625,105 @@ summary {
625
625
  [data-atomix-color-mode=dark] {
626
626
  color-scheme: dark;
627
627
  --atomix-body-color: #ffffff;
628
- --atomix-body-bg: #1f2937;
629
- --atomix-primary: #8b5cf6;
630
- --atomix-secondary: #4b5563;
631
- --atomix-light: #f9fafb;
632
- --atomix-dark: #374151;
633
- --atomix-error: #ef4444;
634
- --atomix-success: #22c55e;
635
- --atomix-warning: #eab308;
636
- --atomix-info: #3b82f6;
637
- --atomix-primary-rgb: 139, 92, 246;
638
- --atomix-secondary-rgb: 75, 85, 99;
639
- --atomix-light-rgb: 249, 250, 251;
640
- --atomix-dark-rgb: 55, 65, 81;
641
- --atomix-error-rgb: 239, 68, 68;
642
- --atomix-success-rgb: 34, 197, 94;
643
- --atomix-warning-rgb: 234, 179, 8;
644
- --atomix-info-rgb: 59, 130, 246;
628
+ --atomix-body-bg: #1e293b;
629
+ --atomix-primary: #7c4dff;
630
+ --atomix-secondary: #475569;
631
+ --atomix-light: #f8fafc;
632
+ --atomix-dark: #334155;
633
+ --atomix-error: #f43f5e;
634
+ --atomix-success: #10b981;
635
+ --atomix-warning: #f59e0b;
636
+ --atomix-info: #2f80ed;
637
+ --atomix-primary-rgb: 124, 77, 255;
638
+ --atomix-secondary-rgb: 71, 85, 105;
639
+ --atomix-light-rgb: 248, 250, 252;
640
+ --atomix-dark-rgb: 51, 65, 85;
641
+ --atomix-error-rgb: 244, 63, 94;
642
+ --atomix-success-rgb: 16, 185, 129;
643
+ --atomix-warning-rgb: 245, 158, 11;
644
+ --atomix-info-rgb: 47, 128, 237;
645
645
  --atomix-primary-text-emphasis: #ffffff;
646
- --atomix-secondary-text-emphasis: #e5e7eb;
647
- --atomix-tertiary-text-emphasis: #d1d5db;
648
- --atomix-disabled-text-emphasis: #9ca3af;
649
- --atomix-invert-text-emphasis: #f9fafb;
650
- --atomix-brand-text-emphasis: #ede9fe;
651
- --atomix-error-text-emphasis: #fecaca;
652
- --atomix-success-text-emphasis: #bbf7d0;
653
- --atomix-warning-text-emphasis: #fef08a;
654
- --atomix-info-text-emphasis: #bfdbfe;
655
- --atomix-light-text-emphasis: #f9fafb;
656
- --atomix-dark-text-emphasis: #374151;
657
- --atomix-primary-bg-subtle: #1f2937;
658
- --atomix-secondary-bg-subtle: #4b5563;
659
- --atomix-tertiary-bg-subtle: #6b7280;
646
+ --atomix-secondary-text-emphasis: #e2e8f0;
647
+ --atomix-tertiary-text-emphasis: #cbd5e1;
648
+ --atomix-disabled-text-emphasis: #94a3b8;
649
+ --atomix-invert-text-emphasis: #f8fafc;
650
+ --atomix-brand-text-emphasis: #ece7ff;
651
+ --atomix-error-text-emphasis: #fecdd3;
652
+ --atomix-success-text-emphasis: #a7f3d0;
653
+ --atomix-warning-text-emphasis: #fde68a;
654
+ --atomix-info-text-emphasis: #b6ddff;
655
+ --atomix-light-text-emphasis: #f8fafc;
656
+ --atomix-dark-text-emphasis: #334155;
657
+ --atomix-primary-bg-subtle: #1e293b;
658
+ --atomix-secondary-bg-subtle: #475569;
659
+ --atomix-tertiary-bg-subtle: #64748b;
660
660
  --atomix-invert-bg-subtle: #ffffff;
661
- --atomix-brand-bg-subtle: #6d28d9;
662
- --atomix-error-bg-subtle: #7f1d1d;
663
- --atomix-success-bg-subtle: #166534;
664
- --atomix-warning-bg-subtle: #713f12;
665
- --atomix-info-bg-subtle: #1e3a8a;
666
- --atomix-light-bg-subtle: #f9fafb;
667
- --atomix-dark-bg-subtle: #374151;
668
- --atomix-primary-border-subtle: #374151;
661
+ --atomix-brand-bg-subtle: #5a2bc9;
662
+ --atomix-error-bg-subtle: #881337;
663
+ --atomix-success-bg-subtle: #065f46;
664
+ --atomix-warning-bg-subtle: #78350f;
665
+ --atomix-info-bg-subtle: #173770;
666
+ --atomix-light-bg-subtle: #f8fafc;
667
+ --atomix-dark-bg-subtle: #334155;
668
+ --atomix-primary-border-subtle: #334155;
669
669
  --atomix-secondary-border-subtle: #ffffff;
670
- --atomix-success-border-subtle: #22c55e;
671
- --atomix-error-border-subtle: #ef4444;
672
- --atomix-warning-border-subtle: #eab308;
673
- --atomix-info-border-subtle: #3b82f6;
674
- --atomix-brand-border-subtle: #8b5cf6;
675
- --atomix-light-border-subtle: #f9fafb;
676
- --atomix-dark-border-subtle: #374151;
677
- --atomix-primary-hover: #8b5cf6;
678
- --atomix-secondary-hover: #6b7280;
679
- --atomix-light-hover: #9ca3af;
680
- --atomix-dark-hover: #4b5563;
681
- --atomix-error-hover: #fca5a5;
682
- --atomix-success-hover: #86efac;
683
- --atomix-warning-hover: #facc15;
684
- --atomix-info-hover: #93c5fd;
685
- --atomix-primary-gradient: linear-gradient(135deg, #4c1d95, #5b21b6, #6d28d9);
686
- --atomix-secondary-gradient: linear-gradient(135deg, #374151, #6b7280, #d1d5db);
687
- --atomix-light-gradient: linear-gradient(135deg, #9ca3af, #6b7280, #9ca3af);
688
- --atomix-dark-gradient: linear-gradient(135deg, #000000, #4b5563, #1f2937);
689
- --atomix-success-gradient: linear-gradient(135deg, #14532d, #16a34a, #166534);
690
- --atomix-info-gradient: linear-gradient(135deg, #1e3a8a, #1d4ed8, #1e40af);
691
- --atomix-warning-gradient: linear-gradient(135deg, #713f12, #a16207, #854d0e);
692
- --atomix-error-gradient: linear-gradient(135deg, #7f1d1d, #dc2626, #7f1d1d);
693
- --atomix-gradient: linear-gradient(135deg, #4b5563, #1f2937, #000000);
670
+ --atomix-success-border-subtle: #10b981;
671
+ --atomix-error-border-subtle: #f43f5e;
672
+ --atomix-warning-border-subtle: #f59e0b;
673
+ --atomix-info-border-subtle: #2f80ed;
674
+ --atomix-brand-border-subtle: #7c4dff;
675
+ --atomix-light-border-subtle: #f8fafc;
676
+ --atomix-dark-border-subtle: #334155;
677
+ --atomix-primary-hover: #7c4dff;
678
+ --atomix-secondary-hover: #64748b;
679
+ --atomix-light-hover: #94a3b8;
680
+ --atomix-dark-hover: #475569;
681
+ --atomix-error-hover: #fda4af;
682
+ --atomix-success-hover: #6ee7b7;
683
+ --atomix-warning-hover: #fbbf24;
684
+ --atomix-info-hover: #84c5ff;
685
+ --atomix-primary-gradient: linear-gradient(135deg, #341776, #47209f, #5a2bc9);
686
+ --atomix-secondary-gradient: linear-gradient(135deg, #334155, #64748b, #cbd5e1);
687
+ --atomix-light-gradient: linear-gradient(135deg, #94a3b8, #64748b, #94a3b8);
688
+ --atomix-dark-gradient: linear-gradient(135deg, #000000, #475569, #1e293b);
689
+ --atomix-success-gradient: linear-gradient(135deg, #064e3b, #059669, #065f46);
690
+ --atomix-info-gradient: linear-gradient(135deg, #173770, #1a4fad, #1a428a);
691
+ --atomix-warning-gradient: linear-gradient(135deg, #78350f, #b45309, #92400e);
692
+ --atomix-error-gradient: linear-gradient(135deg, #881337, #e11d48, #881337);
693
+ --atomix-gradient: linear-gradient(135deg, #475569, #1e293b, #000000);
694
694
  --atomix-box-shadow: 0px 8px 40px -8px rgba(30, 30, 30, 0.7), 0px 4px 20px 0px rgba(30, 30, 30, 0.8);
695
695
  --atomix-box-shadow-xs: 0px 1px 2px 0px rgba(30, 30, 30, 0.5), 0px 2px 4px 0px rgba(30, 30, 30, 0.5);
696
696
  --atomix-box-shadow-sm: 0px 2px 4px -2px rgba(30, 30, 30, 0.5), 0px 4px 8px -2px rgba(30, 30, 30, 0.5);
697
697
  --atomix-box-shadow-lg: 0px 8px 18px -2px rgba(30, 30, 30, 0.5), 0px 8px 24px -2px rgba(30, 30, 30, 0.5);
698
698
  --atomix-box-shadow-xl: 0px 33px 61px -8px rgba(30, 30, 30, 0.9), 0px 8px 10px 0px rgba(30, 30, 30, 0.9);
699
- --atomix-heading-color: #e5e7eb;
700
- --atomix-link-color: #c4b5fd;
701
- --atomix-link-color-rgb: 196, 181, 253;
702
- --atomix-link-hover-color: rgb(136.6118421053, 106.5131578947, 250.9868421053);
703
- --atomix-link-hover-color-rgb: 136.6118421053, 106.5131578947, 250.9868421053;
704
- --atomix-code-color: #f87171;
705
- --atomix-border-color: #374151;
699
+ --atomix-heading-color: #e2e8f0;
700
+ --atomix-link-color: #c1aafd;
701
+ --atomix-link-color-rgb: 193, 170, 253;
702
+ --atomix-link-hover-color: rgb(138.4827586207, 95.2586206897, 251.2413793103);
703
+ --atomix-link-hover-color-rgb: 138.4827586207, 95.2586206897, 251.2413793103;
704
+ --atomix-code-color: #fb7185;
705
+ --atomix-border-color: #334155;
706
706
  --atomix-border-color-translucent: rgba(255, 255, 255, 0.15);
707
- --atomix-focus-border-color: #c4b5fd;
708
- --atomix-form-valid-color: #4ade80;
709
- --atomix-form-valid-border-color: #4ade80;
710
- --atomix-form-invalid-color: #f87171;
711
- --atomix-form-invalid-border-color: #f87171;
707
+ --atomix-focus-border-color: #c1aafd;
708
+ --atomix-form-valid-color: #34d399;
709
+ --atomix-form-valid-border-color: #34d399;
710
+ --atomix-form-invalid-color: #fb7185;
711
+ --atomix-form-invalid-border-color: #fb7185;
712
712
  }
713
713
  ::-moz-selection {
714
- background: #8b5cf6;
715
- background: rgba(139, 92, 246, 0.3);
714
+ background: #7c4dff;
715
+ background: rgba(124, 77, 255, 0.3);
716
716
  }
717
717
  ::selection {
718
- background: #8b5cf6;
719
- background: rgba(139, 92, 246, 0.3);
718
+ background: #7c4dff;
719
+ background: rgba(124, 77, 255, 0.3);
720
720
  }
721
721
  ::-moz-selection {
722
- background: #8b5cf6;
723
- background: rgba(139, 92, 246, 0.3);
722
+ background: #7c4dff;
723
+ background: rgba(124, 77, 255, 0.3);
724
724
  }
725
725
  * {
726
- -webkit-tap-highlight-color: rgba(139, 92, 246, 0.2);
726
+ -webkit-tap-highlight-color: rgba(124, 77, 255, 0.2);
727
727
  }
728
728
  *,
729
729
  *:before,
@@ -858,11 +858,12 @@ a, a:hover {
858
858
  }
859
859
  }
860
860
  .o-grid {
861
- --atomix-gutter-y: 16px;
861
+ --atomix-gutter-y: 1rem;
862
862
  display: flex;
863
863
  flex-wrap: wrap;
864
864
  margin-right: -8px;
865
865
  margin-left: -8px;
866
+ row-gap: var(--atomix-gutter-y);
866
867
  }
867
868
  .o-grid__col {
868
869
  position: relative;
@@ -871,6 +872,7 @@ a, a:hover {
871
872
  padding-left: 8px;
872
873
  }
873
874
  .o-grid--no-gutters {
875
+ --atomix-gutter-y: 0;
874
876
  margin-right: 0;
875
877
  margin-left: 0;
876
878
  }
@@ -2484,323 +2486,323 @@ a, a:hover {
2484
2486
  }
2485
2487
  .c-btn--primary {
2486
2488
  --atomix-btn-color: var(--atomix-white, #ffffff);
2487
- --atomix-btn-bg: var(--atomix-primary, #8b5cf6);
2488
- --atomix-btn-border-color: var(--atomix-primary, #8b5cf6);
2489
+ --atomix-btn-bg: var(--atomix-primary, #7c4dff);
2490
+ --atomix-btn-border-color: var(--atomix-primary, #7c4dff);
2489
2491
  --atomix-btn-hover-color: var(--atomix-white, #ffffff);
2490
2492
  --atomix-btn-hover-bg: var(
2491
2493
  --atomix-primary-hover,
2492
- rgb(104.8069767442, 43.9529069767, 243.3470930233)
2494
+ rgb(87.3494382022, 27.2, 255)
2493
2495
  );
2494
2496
  --atomix-btn-hover-border-color: var(
2495
2497
  --atomix-primary-hover,
2496
- rgb(116.2046511628, 59.9686046512, 244.2313953488)
2498
+ rgb(99.5662921348, 43.8, 255)
2497
2499
  );
2498
2500
  --atomix-btn-active-color: var(--atomix-white, #ffffff);
2499
2501
  --atomix-btn-active-bg: var(
2500
2502
  --atomix-primary-hover,
2501
- rgb(93.4093023256, 27.9372093023, 242.4627906977)
2503
+ rgb(75.1325842697, 10.6, 255)
2502
2504
  );
2503
2505
  --atomix-btn-active-border-color: var(
2504
2506
  --atomix-primary-hover,
2505
- rgb(82.5348837209, 13.2645348837, 240.2354651163)
2507
+ rgb(65.7471910112, 0, 249)
2506
2508
  );
2507
2509
  --atomix-btn-disabled-color: var(--atomix-white, #ffffff);
2508
- --atomix-btn-disabled-bg: var(--atomix-primary, #8b5cf6);
2509
- --atomix-btn-disabled-border-color: var(--atomix-primary, #8b5cf6);
2510
+ --atomix-btn-disabled-bg: var(--atomix-primary, #7c4dff);
2511
+ --atomix-btn-disabled-border-color: var(--atomix-primary, #7c4dff);
2510
2512
  }
2511
2513
  .c-btn--secondary {
2512
- --atomix-btn-color: var(--atomix-dark-text-emphasis, #1f2937);
2513
- --atomix-btn-bg: var(--atomix-secondary, #f3f4f6);
2514
- --atomix-btn-border-color: var(--atomix-secondary, #f3f4f6);
2515
- --atomix-btn-hover-color: var(--atomix-dark-text-emphasis, #1f2937);
2514
+ --atomix-btn-color: var(--atomix-dark-text-emphasis, #1e293b);
2515
+ --atomix-btn-bg: var(--atomix-secondary, #f1f5f9);
2516
+ --atomix-btn-border-color: var(--atomix-secondary, #f1f5f9);
2517
+ --atomix-btn-hover-color: var(--atomix-dark-text-emphasis, #1e293b);
2516
2518
  --atomix-btn-hover-bg: var(
2517
2519
  --atomix-secondary-hover,
2518
- rgb(201.0857142857, 205.5785714286, 214.5642857143)
2520
+ rgb(189.55, 208.25, 226.95)
2519
2521
  );
2520
2522
  --atomix-btn-hover-border-color: var(
2521
2523
  --atomix-secondary-hover,
2522
- rgb(215.0571428571, 218.3857142857, 225.0428571429)
2524
+ rgb(206.7, 220.5, 234.3)
2523
2525
  );
2524
2526
  --atomix-btn-active-color: var(--atomix-white, #ffffff);
2525
2527
  --atomix-btn-active-bg: var(
2526
2528
  --atomix-secondary-hover,
2527
- rgb(187.1142857143, 192.7714285714, 204.0857142857)
2529
+ rgb(172.4, 196, 219.6)
2528
2530
  );
2529
2531
  --atomix-btn-active-border-color: var(
2530
2532
  --atomix-secondary-hover,
2531
- rgb(173.1428571429, 179.9642857143, 193.6071428571)
2533
+ rgb(155.25, 183.75, 212.25)
2532
2534
  );
2533
2535
  --atomix-btn-disabled-color: var(--atomix-white, #ffffff);
2534
- --atomix-btn-disabled-bg: var(--atomix-secondary, #f3f4f6);
2535
- --atomix-btn-disabled-border-color: var(--atomix-secondary, #f3f4f6);
2536
+ --atomix-btn-disabled-bg: var(--atomix-secondary, #f1f5f9);
2537
+ --atomix-btn-disabled-border-color: var(--atomix-secondary, #f1f5f9);
2536
2538
  }
2537
2539
  .c-btn--success {
2538
2540
  --atomix-btn-color: var(--atomix-white, #ffffff);
2539
- --atomix-btn-bg: var(--atomix-success, #22c55e);
2540
- --atomix-btn-border-color: var(--atomix-success, #22c55e);
2541
+ --atomix-btn-bg: var(--atomix-success, #10b981);
2542
+ --atomix-btn-border-color: var(--atomix-success, #10b981);
2541
2543
  --atomix-btn-hover-color: var(--atomix-white, #ffffff);
2542
2544
  --atomix-btn-hover-bg: var(
2543
2545
  --atomix-success-hover,
2544
- rgb(28.9, 167.45, 79.9)
2546
+ rgb(13.6, 157.25, 109.65)
2545
2547
  );
2546
2548
  --atomix-btn-hover-border-color: var(
2547
2549
  --atomix-success-hover,
2548
- rgb(30.6, 177.3, 84.6)
2550
+ rgb(14.4, 166.5, 116.1)
2549
2551
  );
2550
2552
  --atomix-btn-active-color: var(--atomix-white, #ffffff);
2551
2553
  --atomix-btn-active-bg: var(
2552
2554
  --atomix-success-hover,
2553
- rgb(27.2, 157.6, 75.2)
2555
+ rgb(12.8, 148, 103.2)
2554
2556
  );
2555
2557
  --atomix-btn-active-border-color: var(
2556
2558
  --atomix-success-hover,
2557
- rgb(25.5, 147.75, 70.5)
2559
+ rgb(12, 138.75, 96.75)
2558
2560
  );
2559
2561
  --atomix-btn-disabled-color: var(--atomix-white, #ffffff);
2560
- --atomix-btn-disabled-bg: var(--atomix-success, #22c55e);
2561
- --atomix-btn-disabled-border-color: var(--atomix-success, #22c55e);
2562
+ --atomix-btn-disabled-bg: var(--atomix-success, #10b981);
2563
+ --atomix-btn-disabled-border-color: var(--atomix-success, #10b981);
2562
2564
  }
2563
2565
  .c-btn--info {
2564
2566
  --atomix-btn-color: var(--atomix-white, #ffffff);
2565
- --atomix-btn-bg: var(--atomix-info, #3b82f6);
2566
- --atomix-btn-border-color: var(--atomix-info, #3b82f6);
2567
+ --atomix-btn-bg: var(--atomix-info, #2f80ed);
2568
+ --atomix-btn-border-color: var(--atomix-info, #2f80ed);
2567
2569
  --atomix-btn-hover-color: var(--atomix-white, #ffffff);
2568
2570
  --atomix-btn-hover-bg: var(
2569
2571
  --atomix-info-hover,
2570
- rgb(15.2585365854, 102.1036585366, 243.9914634146)
2572
+ rgb(19.2265486726, 105.7460176991, 222.1734513274)
2571
2573
  );
2572
2574
  --atomix-btn-hover-border-color: var(
2573
2575
  --atomix-info-hover,
2574
- rgb(29.8390243902, 111.4024390244, 244.6609756098)
2576
+ rgb(20.8619469027, 112.0407079646, 234.7380530973)
2575
2577
  );
2576
2578
  --atomix-btn-active-color: var(--atomix-white, #ffffff);
2577
2579
  --atomix-btn-active-bg: var(
2578
2580
  --atomix-info-hover,
2579
- rgb(10.712195122, 95.2195121951, 233.287804878)
2581
+ rgb(18.0955752212, 99.5256637168, 209.1044247788)
2580
2582
  );
2581
2583
  --atomix-btn-active-border-color: var(
2582
2584
  --atomix-info-hover,
2583
- rgb(10.0426829268, 89.2682926829, 218.7073170732)
2585
+ rgb(16.9646017699, 93.3053097345, 196.0353982301)
2584
2586
  );
2585
2587
  --atomix-btn-disabled-color: var(--atomix-white, #ffffff);
2586
- --atomix-btn-disabled-bg: var(--atomix-info, #3b82f6);
2587
- --atomix-btn-disabled-border-color: var(--atomix-info, #3b82f6);
2588
+ --atomix-btn-disabled-bg: var(--atomix-info, #2f80ed);
2589
+ --atomix-btn-disabled-border-color: var(--atomix-info, #2f80ed);
2588
2590
  }
2589
2591
  .c-btn--warning {
2590
2592
  --atomix-btn-color: var(--atomix-white, #ffffff);
2591
- --atomix-btn-bg: var(--atomix-warning, #eab308);
2592
- --atomix-btn-border-color: var(--atomix-warning, #eab308);
2593
+ --atomix-btn-bg: var(--atomix-warning, #f59e0b);
2594
+ --atomix-btn-border-color: var(--atomix-warning, #f59e0b);
2593
2595
  --atomix-btn-hover-color: var(--atomix-white, #ffffff);
2594
2596
  --atomix-btn-hover-bg: var(
2595
2597
  --atomix-warning-hover,
2596
- rgb(198.9, 152.15, 6.8)
2598
+ rgb(209.0330708661, 134.5007874016, 8.5669291339)
2597
2599
  );
2598
2600
  --atomix-btn-hover-border-color: var(
2599
2601
  --atomix-warning-hover,
2600
- rgb(210.6, 161.1, 7.2)
2602
+ rgb(221.3291338583, 142.4125984252, 9.0708661417)
2601
2603
  );
2602
2604
  --atomix-btn-active-color: var(--atomix-white, #ffffff);
2603
2605
  --atomix-btn-active-bg: var(
2604
2606
  --atomix-warning-hover,
2605
- rgb(187.2, 143.2, 6.4)
2607
+ rgb(196.737007874, 126.588976378, 8.062992126)
2606
2608
  );
2607
2609
  --atomix-btn-active-border-color: var(
2608
2610
  --atomix-warning-hover,
2609
- rgb(175.5, 134.25, 6)
2611
+ rgb(184.4409448819, 118.6771653543, 7.5590551181)
2610
2612
  );
2611
2613
  --atomix-btn-disabled-color: var(--atomix-white, #ffffff);
2612
- --atomix-btn-disabled-bg: var(--atomix-warning, #eab308);
2613
- --atomix-btn-disabled-border-color: var(--atomix-warning, #eab308);
2614
+ --atomix-btn-disabled-bg: var(--atomix-warning, #f59e0b);
2615
+ --atomix-btn-disabled-border-color: var(--atomix-warning, #f59e0b);
2614
2616
  }
2615
2617
  .c-btn--error {
2616
2618
  --atomix-btn-color: var(--atomix-white, #ffffff);
2617
- --atomix-btn-bg: var(--atomix-error, #ef4444);
2618
- --atomix-btn-border-color: var(--atomix-error, #ef4444);
2619
+ --atomix-btn-bg: var(--atomix-error, #f43f5e);
2620
+ --atomix-btn-border-color: var(--atomix-error, #f43f5e);
2619
2621
  --atomix-btn-hover-color: var(--atomix-white, #ffffff);
2620
2622
  --atomix-btn-hover-bg: var(
2621
2623
  --atomix-error-hover,
2622
- rgb(235.3704433498, 25.5795566502, 25.5795566502)
2624
+ rgb(241.504679803, 19.445320197, 57.4775862069)
2623
2625
  );
2624
2626
  --atomix-btn-hover-border-color: var(
2625
2627
  --atomix-error-hover,
2626
- rgb(236.5802955665, 39.7197044335, 39.7197044335)
2628
+ rgb(242.336453202, 33.963546798, 69.6517241379)
2627
2629
  );
2628
2630
  --atomix-btn-active-color: var(--atomix-white, #ffffff);
2629
2631
  --atomix-btn-active-bg: var(
2630
2632
  --atomix-error-hover,
2631
- rgb(226.242364532, 19.357635468, 19.357635468)
2633
+ rgb(232.2916256158, 13.3083743842, 50.8137931034)
2632
2634
  );
2633
2635
  --atomix-btn-active-border-color: var(
2634
2636
  --atomix-error-hover,
2635
- rgb(212.1022167488, 18.1477832512, 18.1477832512)
2637
+ rgb(217.7733990148, 12.4766009852, 47.6379310345)
2636
2638
  );
2637
2639
  --atomix-btn-disabled-color: var(--atomix-white, #ffffff);
2638
- --atomix-btn-disabled-bg: var(--atomix-error, #ef4444);
2639
- --atomix-btn-disabled-border-color: var(--atomix-error, #ef4444);
2640
+ --atomix-btn-disabled-bg: var(--atomix-error, #f43f5e);
2641
+ --atomix-btn-disabled-border-color: var(--atomix-error, #f43f5e);
2640
2642
  }
2641
2643
  .c-btn--light {
2642
- --atomix-btn-color: var(--atomix-dark-text-emphasis, #1f2937);
2643
- --atomix-btn-bg: var(--atomix-light, #f9fafb);
2644
- --atomix-btn-border-color: var(--atomix-light, #f9fafb);
2645
- --atomix-btn-hover-color: var(--atomix-dark-text-emphasis, #1f2937);
2644
+ --atomix-btn-color: var(--atomix-dark-text-emphasis, #1e293b);
2645
+ --atomix-btn-bg: var(--atomix-light, #f8fafc);
2646
+ --atomix-btn-border-color: var(--atomix-light, #f8fafc);
2647
+ --atomix-btn-hover-color: var(--atomix-dark-text-emphasis, #1e293b);
2646
2648
  --atomix-btn-hover-bg: var(
2647
2649
  --atomix-light-hover,
2648
- rgb(204, 212.5, 221)
2650
+ rgb(195.5, 212.5, 229.5)
2649
2651
  );
2650
2652
  --atomix-btn-hover-border-color: var(
2651
2653
  --atomix-light-hover,
2652
- #dbe1e7
2654
+ #d5e1ed
2653
2655
  );
2654
2656
  --atomix-btn-active-color: var(--atomix-white, #ffffff);
2655
2657
  --atomix-btn-active-bg: var(
2656
2658
  --atomix-light-hover,
2657
- #bdc8d3
2659
+ #b2c8de
2658
2660
  );
2659
2661
  --atomix-btn-active-border-color: var(
2660
2662
  --atomix-light-hover,
2661
- rgb(174, 187.5, 201)
2663
+ rgb(160.5, 187.5, 214.5)
2662
2664
  );
2663
2665
  --atomix-btn-disabled-color: var(--atomix-white, #ffffff);
2664
- --atomix-btn-disabled-bg: var(--atomix-light, #f9fafb);
2665
- --atomix-btn-disabled-border-color: var(--atomix-light, #f9fafb);
2666
+ --atomix-btn-disabled-bg: var(--atomix-light, #f8fafc);
2667
+ --atomix-btn-disabled-border-color: var(--atomix-light, #f8fafc);
2666
2668
  }
2667
2669
  .c-btn--dark {
2668
2670
  --atomix-btn-color: var(--atomix-white, #ffffff);
2669
- --atomix-btn-bg: var(--atomix-dark, #1f2937);
2670
- --atomix-btn-border-color: var(--atomix-dark, #1f2937);
2671
+ --atomix-btn-bg: var(--atomix-dark, #1e293b);
2672
+ --atomix-btn-border-color: var(--atomix-dark, #1e293b);
2671
2673
  --atomix-btn-hover-color: var(--atomix-white, #ffffff);
2672
2674
  --atomix-btn-hover-bg: var(
2673
2675
  --atomix-dark-hover,
2674
- rgb(26.35, 34.85, 46.75)
2676
+ rgb(25.5, 34.85, 50.15)
2675
2677
  );
2676
2678
  --atomix-btn-hover-border-color: var(
2677
2679
  --atomix-dark-hover,
2678
- rgb(27.9, 36.9, 49.5)
2680
+ rgb(27, 36.9, 53.1)
2679
2681
  );
2680
2682
  --atomix-btn-active-color: var(--atomix-white, #ffffff);
2681
2683
  --atomix-btn-active-bg: var(
2682
2684
  --atomix-dark-hover,
2683
- rgb(24.8, 32.8, 44)
2685
+ rgb(24, 32.8, 47.2)
2684
2686
  );
2685
2687
  --atomix-btn-active-border-color: var(
2686
2688
  --atomix-dark-hover,
2687
- rgb(23.25, 30.75, 41.25)
2689
+ rgb(22.5, 30.75, 44.25)
2688
2690
  );
2689
2691
  --atomix-btn-disabled-color: var(--atomix-white, #ffffff);
2690
- --atomix-btn-disabled-bg: var(--atomix-dark, #1f2937);
2691
- --atomix-btn-disabled-border-color: var(--atomix-dark, #1f2937);
2692
+ --atomix-btn-disabled-bg: var(--atomix-dark, #1e293b);
2693
+ --atomix-btn-disabled-border-color: var(--atomix-dark, #1e293b);
2692
2694
  }
2693
2695
  .c-btn--outline-primary {
2694
- --atomix-btn-color: var(--atomix-primary, #8b5cf6);
2696
+ --atomix-btn-color: var(--atomix-primary, #7c4dff);
2695
2697
  --atomix-btn-bg: transparent;
2696
- --atomix-btn-border-color: var(--atomix-primary, #8b5cf6);
2698
+ --atomix-btn-border-color: var(--atomix-primary, #7c4dff);
2697
2699
  --atomix-btn-hover-color: var(--atomix-white, #ffffff);
2698
- --atomix-btn-hover-bg: var(--atomix-primary-hover, rgb(104.8069767442, 43.9529069767, 243.3470930233));
2699
- --atomix-btn-hover-border-color: var(--atomix-primary-hover, rgb(116.2046511628, 59.9686046512, 244.2313953488));
2700
+ --atomix-btn-hover-bg: var(--atomix-primary-hover, rgb(87.3494382022, 27.2, 255));
2701
+ --atomix-btn-hover-border-color: var(--atomix-primary-hover, rgb(99.5662921348, 43.8, 255));
2700
2702
  --atomix-btn-active-color: var(--atomix-white, #ffffff);
2701
- --atomix-btn-active-bg: var(--atomix-primary-hover, rgb(93.4093023256, 27.9372093023, 242.4627906977));
2702
- --atomix-btn-active-border-color: var(--atomix-primary-hover, rgb(82.5348837209, 13.2645348837, 240.2354651163));
2703
- --atomix-btn-disabled-color: var(--atomix-primary, #8b5cf6);
2703
+ --atomix-btn-active-bg: var(--atomix-primary-hover, rgb(75.1325842697, 10.6, 255));
2704
+ --atomix-btn-active-border-color: var(--atomix-primary-hover, rgb(65.7471910112, 0, 249));
2705
+ --atomix-btn-disabled-color: var(--atomix-primary, #7c4dff);
2704
2706
  --atomix-btn-disabled-bg: transparent;
2705
- --atomix-btn-disabled-border-color: var(--atomix-primary, #8b5cf6);
2707
+ --atomix-btn-disabled-border-color: var(--atomix-primary, #7c4dff);
2706
2708
  }
2707
2709
  .c-btn--outline-secondary {
2708
- --atomix-btn-color: var(--atomix-secondary, #f3f4f6);
2710
+ --atomix-btn-color: var(--atomix-secondary, #f1f5f9);
2709
2711
  --atomix-btn-bg: transparent;
2710
- --atomix-btn-border-color: var(--atomix-secondary, #f3f4f6);
2712
+ --atomix-btn-border-color: var(--atomix-secondary, #f1f5f9);
2711
2713
  --atomix-btn-hover-color: var(--atomix-white, #ffffff);
2712
- --atomix-btn-hover-bg: var(--atomix-secondary-hover, rgb(201.0857142857, 205.5785714286, 214.5642857143));
2713
- --atomix-btn-hover-border-color: var(--atomix-secondary-hover, rgb(215.0571428571, 218.3857142857, 225.0428571429));
2714
+ --atomix-btn-hover-bg: var(--atomix-secondary-hover, rgb(189.55, 208.25, 226.95));
2715
+ --atomix-btn-hover-border-color: var(--atomix-secondary-hover, rgb(206.7, 220.5, 234.3));
2714
2716
  --atomix-btn-active-color: var(--atomix-white, #ffffff);
2715
- --atomix-btn-active-bg: var(--atomix-secondary-hover, rgb(187.1142857143, 192.7714285714, 204.0857142857));
2716
- --atomix-btn-active-border-color: var(--atomix-secondary-hover, rgb(173.1428571429, 179.9642857143, 193.6071428571));
2717
- --atomix-btn-disabled-color: var(--atomix-secondary, #f3f4f6);
2717
+ --atomix-btn-active-bg: var(--atomix-secondary-hover, rgb(172.4, 196, 219.6));
2718
+ --atomix-btn-active-border-color: var(--atomix-secondary-hover, rgb(155.25, 183.75, 212.25));
2719
+ --atomix-btn-disabled-color: var(--atomix-secondary, #f1f5f9);
2718
2720
  --atomix-btn-disabled-bg: transparent;
2719
- --atomix-btn-disabled-border-color: var(--atomix-secondary, #f3f4f6);
2721
+ --atomix-btn-disabled-border-color: var(--atomix-secondary, #f1f5f9);
2720
2722
  }
2721
2723
  .c-btn--outline-success {
2722
- --atomix-btn-color: var(--atomix-success, #22c55e);
2724
+ --atomix-btn-color: var(--atomix-success, #10b981);
2723
2725
  --atomix-btn-bg: transparent;
2724
- --atomix-btn-border-color: var(--atomix-success, #22c55e);
2726
+ --atomix-btn-border-color: var(--atomix-success, #10b981);
2725
2727
  --atomix-btn-hover-color: var(--atomix-white, #ffffff);
2726
- --atomix-btn-hover-bg: var(--atomix-success-hover, rgb(28.9, 167.45, 79.9));
2727
- --atomix-btn-hover-border-color: var(--atomix-success-hover, rgb(30.6, 177.3, 84.6));
2728
+ --atomix-btn-hover-bg: var(--atomix-success-hover, rgb(13.6, 157.25, 109.65));
2729
+ --atomix-btn-hover-border-color: var(--atomix-success-hover, rgb(14.4, 166.5, 116.1));
2728
2730
  --atomix-btn-active-color: var(--atomix-white, #ffffff);
2729
- --atomix-btn-active-bg: var(--atomix-success-hover, rgb(27.2, 157.6, 75.2));
2730
- --atomix-btn-active-border-color: var(--atomix-success-hover, rgb(25.5, 147.75, 70.5));
2731
- --atomix-btn-disabled-color: var(--atomix-success, #22c55e);
2731
+ --atomix-btn-active-bg: var(--atomix-success-hover, rgb(12.8, 148, 103.2));
2732
+ --atomix-btn-active-border-color: var(--atomix-success-hover, rgb(12, 138.75, 96.75));
2733
+ --atomix-btn-disabled-color: var(--atomix-success, #10b981);
2732
2734
  --atomix-btn-disabled-bg: transparent;
2733
- --atomix-btn-disabled-border-color: var(--atomix-success, #22c55e);
2735
+ --atomix-btn-disabled-border-color: var(--atomix-success, #10b981);
2734
2736
  }
2735
2737
  .c-btn--outline-info {
2736
- --atomix-btn-color: var(--atomix-info, #3b82f6);
2738
+ --atomix-btn-color: var(--atomix-info, #2f80ed);
2737
2739
  --atomix-btn-bg: transparent;
2738
- --atomix-btn-border-color: var(--atomix-info, #3b82f6);
2740
+ --atomix-btn-border-color: var(--atomix-info, #2f80ed);
2739
2741
  --atomix-btn-hover-color: var(--atomix-white, #ffffff);
2740
- --atomix-btn-hover-bg: var(--atomix-info-hover, rgb(15.2585365854, 102.1036585366, 243.9914634146));
2741
- --atomix-btn-hover-border-color: var(--atomix-info-hover, rgb(29.8390243902, 111.4024390244, 244.6609756098));
2742
+ --atomix-btn-hover-bg: var(--atomix-info-hover, rgb(19.2265486726, 105.7460176991, 222.1734513274));
2743
+ --atomix-btn-hover-border-color: var(--atomix-info-hover, rgb(20.8619469027, 112.0407079646, 234.7380530973));
2742
2744
  --atomix-btn-active-color: var(--atomix-white, #ffffff);
2743
- --atomix-btn-active-bg: var(--atomix-info-hover, rgb(10.712195122, 95.2195121951, 233.287804878));
2744
- --atomix-btn-active-border-color: var(--atomix-info-hover, rgb(10.0426829268, 89.2682926829, 218.7073170732));
2745
- --atomix-btn-disabled-color: var(--atomix-info, #3b82f6);
2745
+ --atomix-btn-active-bg: var(--atomix-info-hover, rgb(18.0955752212, 99.5256637168, 209.1044247788));
2746
+ --atomix-btn-active-border-color: var(--atomix-info-hover, rgb(16.9646017699, 93.3053097345, 196.0353982301));
2747
+ --atomix-btn-disabled-color: var(--atomix-info, #2f80ed);
2746
2748
  --atomix-btn-disabled-bg: transparent;
2747
- --atomix-btn-disabled-border-color: var(--atomix-info, #3b82f6);
2749
+ --atomix-btn-disabled-border-color: var(--atomix-info, #2f80ed);
2748
2750
  }
2749
2751
  .c-btn--outline-warning {
2750
- --atomix-btn-color: var(--atomix-warning, #eab308);
2752
+ --atomix-btn-color: var(--atomix-warning, #f59e0b);
2751
2753
  --atomix-btn-bg: transparent;
2752
- --atomix-btn-border-color: var(--atomix-warning, #eab308);
2754
+ --atomix-btn-border-color: var(--atomix-warning, #f59e0b);
2753
2755
  --atomix-btn-hover-color: var(--atomix-white, #ffffff);
2754
- --atomix-btn-hover-bg: var(--atomix-warning-hover, rgb(198.9, 152.15, 6.8));
2755
- --atomix-btn-hover-border-color: var(--atomix-warning-hover, rgb(210.6, 161.1, 7.2));
2756
+ --atomix-btn-hover-bg: var(--atomix-warning-hover, rgb(209.0330708661, 134.5007874016, 8.5669291339));
2757
+ --atomix-btn-hover-border-color: var(--atomix-warning-hover, rgb(221.3291338583, 142.4125984252, 9.0708661417));
2756
2758
  --atomix-btn-active-color: var(--atomix-white, #ffffff);
2757
- --atomix-btn-active-bg: var(--atomix-warning-hover, rgb(187.2, 143.2, 6.4));
2758
- --atomix-btn-active-border-color: var(--atomix-warning-hover, rgb(175.5, 134.25, 6));
2759
- --atomix-btn-disabled-color: var(--atomix-warning, #eab308);
2759
+ --atomix-btn-active-bg: var(--atomix-warning-hover, rgb(196.737007874, 126.588976378, 8.062992126));
2760
+ --atomix-btn-active-border-color: var(--atomix-warning-hover, rgb(184.4409448819, 118.6771653543, 7.5590551181));
2761
+ --atomix-btn-disabled-color: var(--atomix-warning, #f59e0b);
2760
2762
  --atomix-btn-disabled-bg: transparent;
2761
- --atomix-btn-disabled-border-color: var(--atomix-warning, #eab308);
2763
+ --atomix-btn-disabled-border-color: var(--atomix-warning, #f59e0b);
2762
2764
  }
2763
2765
  .c-btn--outline-error {
2764
- --atomix-btn-color: var(--atomix-error, #ef4444);
2766
+ --atomix-btn-color: var(--atomix-error, #f43f5e);
2765
2767
  --atomix-btn-bg: transparent;
2766
- --atomix-btn-border-color: var(--atomix-error, #ef4444);
2768
+ --atomix-btn-border-color: var(--atomix-error, #f43f5e);
2767
2769
  --atomix-btn-hover-color: var(--atomix-white, #ffffff);
2768
- --atomix-btn-hover-bg: var(--atomix-error-hover, rgb(235.3704433498, 25.5795566502, 25.5795566502));
2769
- --atomix-btn-hover-border-color: var(--atomix-error-hover, rgb(236.5802955665, 39.7197044335, 39.7197044335));
2770
+ --atomix-btn-hover-bg: var(--atomix-error-hover, rgb(241.504679803, 19.445320197, 57.4775862069));
2771
+ --atomix-btn-hover-border-color: var(--atomix-error-hover, rgb(242.336453202, 33.963546798, 69.6517241379));
2770
2772
  --atomix-btn-active-color: var(--atomix-white, #ffffff);
2771
- --atomix-btn-active-bg: var(--atomix-error-hover, rgb(226.242364532, 19.357635468, 19.357635468));
2772
- --atomix-btn-active-border-color: var(--atomix-error-hover, rgb(212.1022167488, 18.1477832512, 18.1477832512));
2773
- --atomix-btn-disabled-color: var(--atomix-error, #ef4444);
2773
+ --atomix-btn-active-bg: var(--atomix-error-hover, rgb(232.2916256158, 13.3083743842, 50.8137931034));
2774
+ --atomix-btn-active-border-color: var(--atomix-error-hover, rgb(217.7733990148, 12.4766009852, 47.6379310345));
2775
+ --atomix-btn-disabled-color: var(--atomix-error, #f43f5e);
2774
2776
  --atomix-btn-disabled-bg: transparent;
2775
- --atomix-btn-disabled-border-color: var(--atomix-error, #ef4444);
2777
+ --atomix-btn-disabled-border-color: var(--atomix-error, #f43f5e);
2776
2778
  }
2777
2779
  .c-btn--outline-light {
2778
- --atomix-btn-color: var(--atomix-light, #f9fafb);
2780
+ --atomix-btn-color: var(--atomix-light, #f8fafc);
2779
2781
  --atomix-btn-bg: transparent;
2780
- --atomix-btn-border-color: var(--atomix-light, #f9fafb);
2782
+ --atomix-btn-border-color: var(--atomix-light, #f8fafc);
2781
2783
  --atomix-btn-hover-color: var(--atomix-white, #ffffff);
2782
- --atomix-btn-hover-bg: var(--atomix-light-hover, rgb(204, 212.5, 221));
2783
- --atomix-btn-hover-border-color: var(--atomix-light-hover, #dbe1e7);
2784
+ --atomix-btn-hover-bg: var(--atomix-light-hover, rgb(195.5, 212.5, 229.5));
2785
+ --atomix-btn-hover-border-color: var(--atomix-light-hover, #d5e1ed);
2784
2786
  --atomix-btn-active-color: var(--atomix-white, #ffffff);
2785
- --atomix-btn-active-bg: var(--atomix-light-hover, #bdc8d3);
2786
- --atomix-btn-active-border-color: var(--atomix-light-hover, rgb(174, 187.5, 201));
2787
- --atomix-btn-disabled-color: var(--atomix-light, #f9fafb);
2787
+ --atomix-btn-active-bg: var(--atomix-light-hover, #b2c8de);
2788
+ --atomix-btn-active-border-color: var(--atomix-light-hover, rgb(160.5, 187.5, 214.5));
2789
+ --atomix-btn-disabled-color: var(--atomix-light, #f8fafc);
2788
2790
  --atomix-btn-disabled-bg: transparent;
2789
- --atomix-btn-disabled-border-color: var(--atomix-light, #f9fafb);
2791
+ --atomix-btn-disabled-border-color: var(--atomix-light, #f8fafc);
2790
2792
  }
2791
2793
  .c-btn--outline-dark {
2792
- --atomix-btn-color: var(--atomix-dark, #1f2937);
2794
+ --atomix-btn-color: var(--atomix-dark, #1e293b);
2793
2795
  --atomix-btn-bg: transparent;
2794
- --atomix-btn-border-color: var(--atomix-dark, #1f2937);
2796
+ --atomix-btn-border-color: var(--atomix-dark, #1e293b);
2795
2797
  --atomix-btn-hover-color: var(--atomix-white, #ffffff);
2796
- --atomix-btn-hover-bg: var(--atomix-dark-hover, rgb(26.35, 34.85, 46.75));
2797
- --atomix-btn-hover-border-color: var(--atomix-dark-hover, rgb(27.9, 36.9, 49.5));
2798
+ --atomix-btn-hover-bg: var(--atomix-dark-hover, rgb(25.5, 34.85, 50.15));
2799
+ --atomix-btn-hover-border-color: var(--atomix-dark-hover, rgb(27, 36.9, 53.1));
2798
2800
  --atomix-btn-active-color: var(--atomix-white, #ffffff);
2799
- --atomix-btn-active-bg: var(--atomix-dark-hover, rgb(24.8, 32.8, 44));
2800
- --atomix-btn-active-border-color: var(--atomix-dark-hover, rgb(23.25, 30.75, 41.25));
2801
- --atomix-btn-disabled-color: var(--atomix-dark, #1f2937);
2801
+ --atomix-btn-active-bg: var(--atomix-dark-hover, rgb(24, 32.8, 47.2));
2802
+ --atomix-btn-active-border-color: var(--atomix-dark-hover, rgb(22.5, 30.75, 44.25));
2803
+ --atomix-btn-disabled-color: var(--atomix-dark, #1e293b);
2802
2804
  --atomix-btn-disabled-bg: transparent;
2803
- --atomix-btn-disabled-border-color: var(--atomix-dark, #1f2937);
2805
+ --atomix-btn-disabled-border-color: var(--atomix-dark, #1e293b);
2804
2806
  }
2805
2807
  .c-btn--lg {
2806
2808
  --atomix-btn-padding-y: 1rem;
@@ -5817,16 +5819,16 @@ a, a:hover {
5817
5819
  border-radius: 1rem;
5818
5820
  }
5819
5821
  .c-dynamic-background--glass {
5820
- background-color: color-mix(in srgb, #8b5cf6 65%, transparent);
5822
+ background-color: color-mix(in srgb, #7c4dff 65%, transparent);
5821
5823
  }
5822
5824
  .c-dynamic-background--solid {
5823
- background-color: #8b5cf6;
5825
+ background-color: #7c4dff;
5824
5826
  }
5825
5827
  .c-dynamic-background--mesh {
5826
- background-color: color-mix(in srgb, #8b5cf6 65%, transparent);
5828
+ background-color: color-mix(in srgb, #7c4dff 65%, transparent);
5827
5829
  }
5828
5830
  .c-dynamic-background--shimmer {
5829
- background-color: color-mix(in srgb, #8b5cf6 65%, transparent);
5831
+ background-color: color-mix(in srgb, #7c4dff 65%, transparent);
5830
5832
  }
5831
5833
  .c-dynamic-background--with-border::before {
5832
5834
  content: "";
@@ -7481,19 +7483,19 @@ a, a:hover {
7481
7483
  --atomix-input-textarea-height: 120px;
7482
7484
  }
7483
7485
  .c-input--primary {
7484
- --atomix-input-border-color: var(--atomix-primary-border-subtle, #8b5cf6);
7486
+ --atomix-input-border-color: var(--atomix-primary-border-subtle, #7c4dff);
7485
7487
  }
7486
7488
  .c-input--success {
7487
- --atomix-input-border-color: var(--atomix-success-border-subtle, #22c55e);
7489
+ --atomix-input-border-color: var(--atomix-success-border-subtle, #10b981);
7488
7490
  }
7489
7491
  .c-input--error {
7490
- --atomix-input-border-color: var(--atomix-error-border-subtle, #ef4444);
7492
+ --atomix-input-border-color: var(--atomix-error-border-subtle, #f43f5e);
7491
7493
  }
7492
7494
  .c-input--warning {
7493
- --atomix-input-border-color: var(--atomix-warning-border-subtle, #eab308);
7495
+ --atomix-input-border-color: var(--atomix-warning-border-subtle, #f59e0b);
7494
7496
  }
7495
7497
  .c-input--info {
7496
- --atomix-input-border-color: var(--atomix-info-border-subtle, #3b82f6);
7498
+ --atomix-input-border-color: var(--atomix-info-border-subtle, #2f80ed);
7497
7499
  }
7498
7500
  .c-input.is-invalid, .c-input.has-danger .c-input:invalid {
7499
7501
  --atomix-input-border-color: var(--atomix-error);
@@ -7854,7 +7856,7 @@ a, a:hover {
7854
7856
  --atomix-messages-file-text-color: var(--atomix-body-color);
7855
7857
  --atomix-messages-file-icon-size: 2.5rem;
7856
7858
  --atomix-messages-file-icon-margin-right: 0.5rem;
7857
- --atomix-messages-file-icon-bg: #ede9fe;
7859
+ --atomix-messages-file-icon-bg: #ece7ff;
7858
7860
  --atomix-messages-file-info-font-size: 0.75rem;
7859
7861
  --atomix-messages-file-info-color: var(--atomix-tertiary-text-emphasis);
7860
7862
  --atomix-messages-file-bg: var(--atomix-tertiary-bg-subtle);
@@ -7999,7 +8001,7 @@ a, a:hover {
7999
8001
  border-radius: var(--atomix-messages-file-border-radius) 0.25rem 0.25rem var(--atomix-messages-file-border-radius);
8000
8002
  }
8001
8003
  .c-messages__content--self .c-messages__file [data-atomix-color-mode=dark] {
8002
- --atomix-messages-file-icon-bg: #7c3aed;
8004
+ --atomix-messages-file-icon-bg: #6b3ae8;
8003
8005
  }
8004
8006
  .c-messages__content--self .c-messages__image {
8005
8007
  border-radius: var(--atomix-messages-image-border-radius) 0.25rem 0.25rem var(--atomix-messages-image-border-radius);
@@ -8009,7 +8011,7 @@ a, a:hover {
8009
8011
  background-color: var(--atomix-messages-file-icon-bg);
8010
8012
  }
8011
8013
  .c-messages__content--self .c-messages__file-icon [data-atomix-color-mode=dark] {
8012
- --atomix-messages-file-icon-bg: #7c3aed;
8014
+ --atomix-messages-file-icon-bg: #6b3ae8;
8013
8015
  }
8014
8016
  .c-messages__form {
8015
8017
  display: flex;
@@ -9021,7 +9023,7 @@ a, a:hover {
9021
9023
  }
9022
9024
  .c-callout--dark {
9023
9025
  --atomix-callout-title-color: var(--atomix-light);
9024
- --atomix-callout-text-color: #d1d5db;
9026
+ --atomix-callout-text-color: #cbd5e1;
9025
9027
  --atomix-callout-bg: var(--atomix-dark);
9026
9028
  --atomix-callout-border-color: var(--atomix-dark-border-subtle);
9027
9029
  --atomix-callout-icon-color: var(--atomix-light);
@@ -9598,28 +9600,28 @@ a, a:hover {
9598
9600
  display: block;
9599
9601
  }
9600
9602
  .c-rating__star--primary {
9601
- --atomix-rating-star-bg: #8b5cf6;
9603
+ --atomix-rating-star-bg: #7c4dff;
9602
9604
  }
9603
9605
  .c-rating__star--secondary {
9604
- --atomix-rating-star-bg: #f3f4f6;
9606
+ --atomix-rating-star-bg: #f1f5f9;
9605
9607
  }
9606
9608
  .c-rating__star--success {
9607
- --atomix-rating-star-bg: #22c55e;
9609
+ --atomix-rating-star-bg: #10b981;
9608
9610
  }
9609
9611
  .c-rating__star--info {
9610
- --atomix-rating-star-bg: #3b82f6;
9612
+ --atomix-rating-star-bg: #2f80ed;
9611
9613
  }
9612
9614
  .c-rating__star--warning {
9613
- --atomix-rating-star-bg: #eab308;
9615
+ --atomix-rating-star-bg: #f59e0b;
9614
9616
  }
9615
9617
  .c-rating__star--error {
9616
- --atomix-rating-star-bg: #ef4444;
9618
+ --atomix-rating-star-bg: #f43f5e;
9617
9619
  }
9618
9620
  .c-rating__star--light {
9619
- --atomix-rating-star-bg: #f9fafb;
9621
+ --atomix-rating-star-bg: #f8fafc;
9620
9622
  }
9621
9623
  .c-rating__star--dark {
9622
- --atomix-rating-star-bg: #1f2937;
9624
+ --atomix-rating-star-bg: #1e293b;
9623
9625
  }
9624
9626
  .c-rating__star--focused {
9625
9627
  outline: 2px solid var(--atomix-primary);
@@ -9668,28 +9670,28 @@ a, a:hover {
9668
9670
  flex-direction: column;
9669
9671
  }
9670
9672
  .c-rating--primary {
9671
- --atomix-rating-star-bg: #8b5cf6;
9673
+ --atomix-rating-star-bg: #7c4dff;
9672
9674
  }
9673
9675
  .c-rating--secondary {
9674
- --atomix-rating-star-bg: #f3f4f6;
9676
+ --atomix-rating-star-bg: #f1f5f9;
9675
9677
  }
9676
9678
  .c-rating--success {
9677
- --atomix-rating-star-bg: #22c55e;
9679
+ --atomix-rating-star-bg: #10b981;
9678
9680
  }
9679
9681
  .c-rating--info {
9680
- --atomix-rating-star-bg: #3b82f6;
9682
+ --atomix-rating-star-bg: #2f80ed;
9681
9683
  }
9682
9684
  .c-rating--warning {
9683
- --atomix-rating-star-bg: #eab308;
9685
+ --atomix-rating-star-bg: #f59e0b;
9684
9686
  }
9685
9687
  .c-rating--error {
9686
- --atomix-rating-star-bg: #ef4444;
9688
+ --atomix-rating-star-bg: #f43f5e;
9687
9689
  }
9688
9690
  .c-rating--light {
9689
- --atomix-rating-star-bg: #f9fafb;
9691
+ --atomix-rating-star-bg: #f8fafc;
9690
9692
  }
9691
9693
  .c-rating--dark {
9692
- --atomix-rating-star-bg: #1f2937;
9694
+ --atomix-rating-star-bg: #1e293b;
9693
9695
  }
9694
9696
  @media (min-width: 768px) {
9695
9697
  .c-rating--lg {
@@ -9702,7 +9704,7 @@ a, a:hover {
9702
9704
  --atomix-river-padding-y: 2.5rem;
9703
9705
  --atomix-river-border-radius: 0px;
9704
9706
  --atomix-river-bg: var(--atomix-body-bg);
9705
- --atomix-river-overlay: #1f2937;
9707
+ --atomix-river-overlay: #1e293b;
9706
9708
  --atomix-river-overlay-opacity: 0.6;
9707
9709
  --atomix-river-title-font-size: 2.5rem;
9708
9710
  --atomix-river-text-font-size: 1rem;
@@ -10929,17 +10931,17 @@ a, a:hover {
10929
10931
  --atomix-testimonial-quote-font-size: var(--atomix-testimonial-quote-font-size-lg);
10930
10932
  }
10931
10933
  .c-todo {
10932
- --atomix-todo-border-color: #e5e7eb;
10934
+ --atomix-todo-border-color: #e2e8f0;
10933
10935
  --atomix-todo-border-radius: 0.5rem;
10934
10936
  --atomix-todo-bg: #ffffff;
10935
- --atomix-todo-color: #1f2937;
10937
+ --atomix-todo-color: #1e293b;
10936
10938
  --atomix-todo-title-margin-bottom: 1rem;
10937
10939
  --atomix-todo-item-padding: 0.75rem;
10938
- --atomix-todo-item-border-color: #e5e7eb;
10939
- --atomix-todo-item-hover-bg: #f3f4f6;
10940
+ --atomix-todo-item-border-color: #e2e8f0;
10941
+ --atomix-todo-item-hover-bg: #f1f5f9;
10940
10942
  --atomix-todo-form-margin-bottom: 1rem;
10941
10943
  --atomix-todo-form-gap: 0.5rem;
10942
- --atomix-todo-completed-color: #6b7280;
10944
+ --atomix-todo-completed-color: #64748b;
10943
10945
  --atomix-todo-completed-text-decoration: line-through;
10944
10946
  width: 100%;
10945
10947
  margin-bottom: 1.5rem;
@@ -10978,7 +10980,7 @@ a, a:hover {
10978
10980
  .c-todo__empty {
10979
10981
  padding: var(--atomix-todo-item-padding);
10980
10982
  text-align: center;
10981
- color: #6b7280;
10983
+ color: #64748b;
10982
10984
  font-style: italic;
10983
10985
  }
10984
10986
  .c-todo__item {
@@ -11123,7 +11125,7 @@ a, a:hover {
11123
11125
  position: absolute;
11124
11126
  inset: 0;
11125
11127
  border-radius: var(--atomix-toggle-switch-handle-border-radius);
11126
- background-color: rgba(107, 114, 128, 0.6);
11128
+ background-color: rgba(30, 41, 59, 0.6);
11127
11129
  }
11128
11130
  .c-toggle--glass {
11129
11131
  --atomix-toggle-switch-bg: transparent;
@@ -12219,7 +12221,7 @@ body.is-open-photoviewer {
12219
12221
  --atomix-photoviewer-bg: var(--atomix-body-bg);
12220
12222
  --atomix-photoviewer-border-radius: 0.75rem;
12221
12223
  --atomix-photoviewer-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
12222
- --atomix-photoviewer-backdrop-bg: rgba(31, 41, 55, 0.8);
12224
+ --atomix-photoviewer-backdrop-bg: rgba(30, 41, 59, 0.8);
12223
12225
  --atomix-photoviewer-backdrop-blur: 12px;
12224
12226
  --atomix-photoviewer-spacing: 1.5rem;
12225
12227
  --atomix-photoviewer-transition-duration: 0.3s;
@@ -12832,12 +12834,12 @@ body.is-open-photoviewer {
12832
12834
  .c-image-gallery__title {
12833
12835
  font-size: 1.25rem;
12834
12836
  margin-bottom: 0.5rem; /* Using spacing size 2 (0.5rem/8px) */
12835
- color: #1f2937;
12837
+ color: #1e293b;
12836
12838
  }
12837
12839
  .c-image-gallery__description {
12838
12840
  font-size: 1.125rem;
12839
12841
  margin-bottom: 1.5rem; /* Using spacing size 6 (1.5rem/24px) */
12840
- color: #4b5563;
12842
+ color: #475569;
12841
12843
  max-width: 800px;
12842
12844
  }
12843
12845
  .c-image-gallery__item {
@@ -12851,7 +12853,7 @@ body.is-open-photoviewer {
12851
12853
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
12852
12854
  }
12853
12855
  .c-image-gallery__item:hover .c-image-gallery__card {
12854
- border-color: #a78bfa;
12856
+ border-color: #a07ff9;
12855
12857
  }
12856
12858
  .c-image-gallery__card {
12857
12859
  height: 100%;
@@ -12912,64 +12914,64 @@ body.is-open-photoviewer {
12912
12914
  text-decoration-color: rgba(var(--atomix-primary-rgb), var(--atomix-u-link-underline-opacity, 1)) !important;
12913
12915
  }
12914
12916
  .u-link-primary:hover, .u-link-primary:focus {
12915
- color: rgba(156.4, 116.45, 247.35, var(--atomix-u-link-opacity, 1)) !important;
12916
- text-decoration-color: rgba(156.4, 116.45, 247.35, var(--atomix-u-link-underline-opacity, 1)) !important;
12917
+ color: rgba(143.65, 103.7, 255, var(--atomix-u-link-opacity, 1)) !important;
12918
+ text-decoration-color: rgba(143.65, 103.7, 255, var(--atomix-u-link-underline-opacity, 1)) !important;
12917
12919
  }
12918
12920
  .u-link-secondary {
12919
12921
  color: rgba(var(--atomix-secondary-rgb), var(--atomix-u-link-opacity, 1)) !important;
12920
12922
  text-decoration-color: rgba(var(--atomix-secondary-rgb), var(--atomix-u-link-underline-opacity, 1)) !important;
12921
12923
  }
12922
12924
  .u-link-secondary:hover, .u-link-secondary:focus {
12923
- color: rgba(244.8, 245.65, 247.35, var(--atomix-u-link-opacity, 1)) !important;
12924
- text-decoration-color: rgba(244.8, 245.65, 247.35, var(--atomix-u-link-underline-opacity, 1)) !important;
12925
+ color: rgba(243.1, 246.5, 249.9, var(--atomix-u-link-opacity, 1)) !important;
12926
+ text-decoration-color: rgba(243.1, 246.5, 249.9, var(--atomix-u-link-underline-opacity, 1)) !important;
12925
12927
  }
12926
12928
  .u-link-success {
12927
12929
  color: rgba(var(--atomix-success-rgb), var(--atomix-u-link-opacity, 1)) !important;
12928
12930
  text-decoration-color: rgba(var(--atomix-success-rgb), var(--atomix-u-link-underline-opacity, 1)) !important;
12929
12931
  }
12930
12932
  .u-link-success:hover, .u-link-success:focus {
12931
- color: rgba(67.15, 205.7, 118.15, var(--atomix-u-link-opacity, 1)) !important;
12932
- text-decoration-color: rgba(67.15, 205.7, 118.15, var(--atomix-u-link-underline-opacity, 1)) !important;
12933
+ color: rgba(51.85, 195.5, 147.9, var(--atomix-u-link-opacity, 1)) !important;
12934
+ text-decoration-color: rgba(51.85, 195.5, 147.9, var(--atomix-u-link-underline-opacity, 1)) !important;
12933
12935
  }
12934
12936
  .u-link-info {
12935
12937
  color: rgba(var(--atomix-info-rgb), var(--atomix-u-link-opacity, 1)) !important;
12936
12938
  text-decoration-color: rgba(var(--atomix-info-rgb), var(--atomix-u-link-underline-opacity, 1)) !important;
12937
12939
  }
12938
12940
  .u-link-info:hover, .u-link-info:focus {
12939
- color: rgba(88.4, 148.75, 247.35, var(--atomix-u-link-opacity, 1)) !important;
12940
- text-decoration-color: rgba(88.4, 148.75, 247.35, var(--atomix-u-link-underline-opacity, 1)) !important;
12941
+ color: rgba(78.2, 147.05, 239.7, var(--atomix-u-link-opacity, 1)) !important;
12942
+ text-decoration-color: rgba(78.2, 147.05, 239.7, var(--atomix-u-link-underline-opacity, 1)) !important;
12941
12943
  }
12942
12944
  .u-link-warning {
12943
12945
  color: rgba(var(--atomix-warning-rgb), var(--atomix-u-link-opacity, 1)) !important;
12944
12946
  text-decoration-color: rgba(var(--atomix-warning-rgb), var(--atomix-u-link-underline-opacity, 1)) !important;
12945
12947
  }
12946
12948
  .u-link-warning:hover, .u-link-warning:focus {
12947
- color: rgba(237.15, 190.4, 45.05, var(--atomix-u-link-opacity, 1)) !important;
12948
- text-decoration-color: rgba(237.15, 190.4, 45.05, var(--atomix-u-link-underline-opacity, 1)) !important;
12949
+ color: rgba(246.5, 172.55, 47.6, var(--atomix-u-link-opacity, 1)) !important;
12950
+ text-decoration-color: rgba(246.5, 172.55, 47.6, var(--atomix-u-link-underline-opacity, 1)) !important;
12949
12951
  }
12950
12952
  .u-link-error {
12951
12953
  color: rgba(var(--atomix-error-rgb), var(--atomix-u-link-opacity, 1)) !important;
12952
12954
  text-decoration-color: rgba(var(--atomix-error-rgb), var(--atomix-u-link-underline-opacity, 1)) !important;
12953
12955
  }
12954
12956
  .u-link-error:hover, .u-link-error:focus {
12955
- color: rgba(241.4, 96.05, 96.05, var(--atomix-u-link-opacity, 1)) !important;
12956
- text-decoration-color: rgba(241.4, 96.05, 96.05, var(--atomix-u-link-underline-opacity, 1)) !important;
12957
+ color: rgba(245.65, 91.8, 118.15, var(--atomix-u-link-opacity, 1)) !important;
12958
+ text-decoration-color: rgba(245.65, 91.8, 118.15, var(--atomix-u-link-underline-opacity, 1)) !important;
12957
12959
  }
12958
12960
  .u-link-light {
12959
12961
  color: rgba(var(--atomix-light-rgb), var(--atomix-u-link-opacity, 1)) !important;
12960
12962
  text-decoration-color: rgba(var(--atomix-light-rgb), var(--atomix-u-link-underline-opacity, 1)) !important;
12961
12963
  }
12962
12964
  .u-link-light:hover, .u-link-light:focus {
12963
- color: rgba(249.9, 250.75, 251.6, var(--atomix-u-link-opacity, 1)) !important;
12964
- text-decoration-color: rgba(249.9, 250.75, 251.6, var(--atomix-u-link-underline-opacity, 1)) !important;
12965
+ color: rgba(249.05, 250.75, 252.45, var(--atomix-u-link-opacity, 1)) !important;
12966
+ text-decoration-color: rgba(249.05, 250.75, 252.45, var(--atomix-u-link-underline-opacity, 1)) !important;
12965
12967
  }
12966
12968
  .u-link-dark {
12967
12969
  color: rgba(var(--atomix-dark-rgb), var(--atomix-u-link-opacity, 1)) !important;
12968
12970
  text-decoration-color: rgba(var(--atomix-dark-rgb), var(--atomix-u-link-underline-opacity, 1)) !important;
12969
12971
  }
12970
12972
  .u-link-dark:hover, .u-link-dark:focus {
12971
- color: rgba(64.6, 73.1, 85, var(--atomix-u-link-opacity, 1)) !important;
12972
- text-decoration-color: rgba(64.6, 73.1, 85, var(--atomix-u-link-underline-opacity, 1)) !important;
12973
+ color: rgba(63.75, 73.1, 88.4, var(--atomix-u-link-opacity, 1)) !important;
12974
+ text-decoration-color: rgba(63.75, 73.1, 88.4, var(--atomix-u-link-underline-opacity, 1)) !important;
12973
12975
  }
12974
12976
  .u-visually-hidden {
12975
12977
  border: 0;
@@ -13012,28 +13014,28 @@ body.is-open-photoviewer {
13012
13014
  }
13013
13015
  @media (min-width: 0) {
13014
13016
  .u-bg-primary {
13015
- background-color: #8b5cf6;
13017
+ background-color: #7c4dff;
13016
13018
  }
13017
13019
  .u-bg-secondary {
13018
- background-color: #f3f4f6;
13020
+ background-color: #f1f5f9;
13019
13021
  }
13020
13022
  .u-bg-success {
13021
- background-color: #22c55e;
13023
+ background-color: #10b981;
13022
13024
  }
13023
13025
  .u-bg-info {
13024
- background-color: #3b82f6;
13026
+ background-color: #2f80ed;
13025
13027
  }
13026
13028
  .u-bg-warning {
13027
- background-color: #eab308;
13029
+ background-color: #f59e0b;
13028
13030
  }
13029
13031
  .u-bg-error {
13030
- background-color: #ef4444;
13032
+ background-color: #f43f5e;
13031
13033
  }
13032
13034
  .u-bg-light {
13033
- background-color: #f9fafb;
13035
+ background-color: #f8fafc;
13034
13036
  }
13035
13037
  .u-bg-dark {
13036
- background-color: #1f2937;
13038
+ background-color: #1e293b;
13037
13039
  }
13038
13040
  .u-bg-black {
13039
13041
  background-color: #000000;
@@ -13050,28 +13052,28 @@ body.is-open-photoviewer {
13050
13052
  }
13051
13053
  @media (min-width: 576px) {
13052
13054
  .u-bg-sm-primary {
13053
- background-color: #8b5cf6;
13055
+ background-color: #7c4dff;
13054
13056
  }
13055
13057
  .u-bg-sm-secondary {
13056
- background-color: #f3f4f6;
13058
+ background-color: #f1f5f9;
13057
13059
  }
13058
13060
  .u-bg-sm-success {
13059
- background-color: #22c55e;
13061
+ background-color: #10b981;
13060
13062
  }
13061
13063
  .u-bg-sm-info {
13062
- background-color: #3b82f6;
13064
+ background-color: #2f80ed;
13063
13065
  }
13064
13066
  .u-bg-sm-warning {
13065
- background-color: #eab308;
13067
+ background-color: #f59e0b;
13066
13068
  }
13067
13069
  .u-bg-sm-error {
13068
- background-color: #ef4444;
13070
+ background-color: #f43f5e;
13069
13071
  }
13070
13072
  .u-bg-sm-light {
13071
- background-color: #f9fafb;
13073
+ background-color: #f8fafc;
13072
13074
  }
13073
13075
  .u-bg-sm-dark {
13074
- background-color: #1f2937;
13076
+ background-color: #1e293b;
13075
13077
  }
13076
13078
  .u-bg-sm-black {
13077
13079
  background-color: #000000;
@@ -13088,28 +13090,28 @@ body.is-open-photoviewer {
13088
13090
  }
13089
13091
  @media (min-width: 768px) {
13090
13092
  .u-bg-md-primary {
13091
- background-color: #8b5cf6;
13093
+ background-color: #7c4dff;
13092
13094
  }
13093
13095
  .u-bg-md-secondary {
13094
- background-color: #f3f4f6;
13096
+ background-color: #f1f5f9;
13095
13097
  }
13096
13098
  .u-bg-md-success {
13097
- background-color: #22c55e;
13099
+ background-color: #10b981;
13098
13100
  }
13099
13101
  .u-bg-md-info {
13100
- background-color: #3b82f6;
13102
+ background-color: #2f80ed;
13101
13103
  }
13102
13104
  .u-bg-md-warning {
13103
- background-color: #eab308;
13105
+ background-color: #f59e0b;
13104
13106
  }
13105
13107
  .u-bg-md-error {
13106
- background-color: #ef4444;
13108
+ background-color: #f43f5e;
13107
13109
  }
13108
13110
  .u-bg-md-light {
13109
- background-color: #f9fafb;
13111
+ background-color: #f8fafc;
13110
13112
  }
13111
13113
  .u-bg-md-dark {
13112
- background-color: #1f2937;
13114
+ background-color: #1e293b;
13113
13115
  }
13114
13116
  .u-bg-md-black {
13115
13117
  background-color: #000000;
@@ -13126,28 +13128,28 @@ body.is-open-photoviewer {
13126
13128
  }
13127
13129
  @media (min-width: 992px) {
13128
13130
  .u-bg-lg-primary {
13129
- background-color: #8b5cf6;
13131
+ background-color: #7c4dff;
13130
13132
  }
13131
13133
  .u-bg-lg-secondary {
13132
- background-color: #f3f4f6;
13134
+ background-color: #f1f5f9;
13133
13135
  }
13134
13136
  .u-bg-lg-success {
13135
- background-color: #22c55e;
13137
+ background-color: #10b981;
13136
13138
  }
13137
13139
  .u-bg-lg-info {
13138
- background-color: #3b82f6;
13140
+ background-color: #2f80ed;
13139
13141
  }
13140
13142
  .u-bg-lg-warning {
13141
- background-color: #eab308;
13143
+ background-color: #f59e0b;
13142
13144
  }
13143
13145
  .u-bg-lg-error {
13144
- background-color: #ef4444;
13146
+ background-color: #f43f5e;
13145
13147
  }
13146
13148
  .u-bg-lg-light {
13147
- background-color: #f9fafb;
13149
+ background-color: #f8fafc;
13148
13150
  }
13149
13151
  .u-bg-lg-dark {
13150
- background-color: #1f2937;
13152
+ background-color: #1e293b;
13151
13153
  }
13152
13154
  .u-bg-lg-black {
13153
13155
  background-color: #000000;
@@ -13164,28 +13166,28 @@ body.is-open-photoviewer {
13164
13166
  }
13165
13167
  @media (min-width: 1200px) {
13166
13168
  .u-bg-xl-primary {
13167
- background-color: #8b5cf6;
13169
+ background-color: #7c4dff;
13168
13170
  }
13169
13171
  .u-bg-xl-secondary {
13170
- background-color: #f3f4f6;
13172
+ background-color: #f1f5f9;
13171
13173
  }
13172
13174
  .u-bg-xl-success {
13173
- background-color: #22c55e;
13175
+ background-color: #10b981;
13174
13176
  }
13175
13177
  .u-bg-xl-info {
13176
- background-color: #3b82f6;
13178
+ background-color: #2f80ed;
13177
13179
  }
13178
13180
  .u-bg-xl-warning {
13179
- background-color: #eab308;
13181
+ background-color: #f59e0b;
13180
13182
  }
13181
13183
  .u-bg-xl-error {
13182
- background-color: #ef4444;
13184
+ background-color: #f43f5e;
13183
13185
  }
13184
13186
  .u-bg-xl-light {
13185
- background-color: #f9fafb;
13187
+ background-color: #f8fafc;
13186
13188
  }
13187
13189
  .u-bg-xl-dark {
13188
- background-color: #1f2937;
13190
+ background-color: #1e293b;
13189
13191
  }
13190
13192
  .u-bg-xl-black {
13191
13193
  background-color: #000000;
@@ -13202,28 +13204,28 @@ body.is-open-photoviewer {
13202
13204
  }
13203
13205
  @media (min-width: 1440px) {
13204
13206
  .u-bg-xxl-primary {
13205
- background-color: #8b5cf6;
13207
+ background-color: #7c4dff;
13206
13208
  }
13207
13209
  .u-bg-xxl-secondary {
13208
- background-color: #f3f4f6;
13210
+ background-color: #f1f5f9;
13209
13211
  }
13210
13212
  .u-bg-xxl-success {
13211
- background-color: #22c55e;
13213
+ background-color: #10b981;
13212
13214
  }
13213
13215
  .u-bg-xxl-info {
13214
- background-color: #3b82f6;
13216
+ background-color: #2f80ed;
13215
13217
  }
13216
13218
  .u-bg-xxl-warning {
13217
- background-color: #eab308;
13219
+ background-color: #f59e0b;
13218
13220
  }
13219
13221
  .u-bg-xxl-error {
13220
- background-color: #ef4444;
13222
+ background-color: #f43f5e;
13221
13223
  }
13222
13224
  .u-bg-xxl-light {
13223
- background-color: #f9fafb;
13225
+ background-color: #f8fafc;
13224
13226
  }
13225
13227
  .u-bg-xxl-dark {
13226
- background-color: #1f2937;
13228
+ background-color: #1e293b;
13227
13229
  }
13228
13230
  .u-bg-xxl-black {
13229
13231
  background-color: #000000;
@@ -13708,35 +13710,35 @@ body.is-open-photoviewer {
13708
13710
  }
13709
13711
  @media (min-width: 0) {
13710
13712
  .u-border-primary {
13711
- border-color: #8b5cf6;
13713
+ border-color: #7c4dff;
13712
13714
  --border-opacity: 1;
13713
13715
  }
13714
13716
  .u-border-secondary {
13715
- border-color: #f3f4f6;
13717
+ border-color: #f1f5f9;
13716
13718
  --border-opacity: 1;
13717
13719
  }
13718
13720
  .u-border-success {
13719
- border-color: #22c55e;
13721
+ border-color: #10b981;
13720
13722
  --border-opacity: 1;
13721
13723
  }
13722
13724
  .u-border-info {
13723
- border-color: #3b82f6;
13725
+ border-color: #2f80ed;
13724
13726
  --border-opacity: 1;
13725
13727
  }
13726
13728
  .u-border-warning {
13727
- border-color: #eab308;
13729
+ border-color: #f59e0b;
13728
13730
  --border-opacity: 1;
13729
13731
  }
13730
13732
  .u-border-error {
13731
- border-color: #ef4444;
13733
+ border-color: #f43f5e;
13732
13734
  --border-opacity: 1;
13733
13735
  }
13734
13736
  .u-border-light {
13735
- border-color: #f9fafb;
13737
+ border-color: #f8fafc;
13736
13738
  --border-opacity: 1;
13737
13739
  }
13738
13740
  .u-border-dark {
13739
- border-color: #1f2937;
13741
+ border-color: #1e293b;
13740
13742
  --border-opacity: 1;
13741
13743
  }
13742
13744
  .u-border-black {
@@ -13750,35 +13752,35 @@ body.is-open-photoviewer {
13750
13752
  }
13751
13753
  @media (min-width: 576px) {
13752
13754
  .u-border-sm-primary {
13753
- border-color: #8b5cf6;
13755
+ border-color: #7c4dff;
13754
13756
  --border-opacity: 1;
13755
13757
  }
13756
13758
  .u-border-sm-secondary {
13757
- border-color: #f3f4f6;
13759
+ border-color: #f1f5f9;
13758
13760
  --border-opacity: 1;
13759
13761
  }
13760
13762
  .u-border-sm-success {
13761
- border-color: #22c55e;
13763
+ border-color: #10b981;
13762
13764
  --border-opacity: 1;
13763
13765
  }
13764
13766
  .u-border-sm-info {
13765
- border-color: #3b82f6;
13767
+ border-color: #2f80ed;
13766
13768
  --border-opacity: 1;
13767
13769
  }
13768
13770
  .u-border-sm-warning {
13769
- border-color: #eab308;
13771
+ border-color: #f59e0b;
13770
13772
  --border-opacity: 1;
13771
13773
  }
13772
13774
  .u-border-sm-error {
13773
- border-color: #ef4444;
13775
+ border-color: #f43f5e;
13774
13776
  --border-opacity: 1;
13775
13777
  }
13776
13778
  .u-border-sm-light {
13777
- border-color: #f9fafb;
13779
+ border-color: #f8fafc;
13778
13780
  --border-opacity: 1;
13779
13781
  }
13780
13782
  .u-border-sm-dark {
13781
- border-color: #1f2937;
13783
+ border-color: #1e293b;
13782
13784
  --border-opacity: 1;
13783
13785
  }
13784
13786
  .u-border-sm-black {
@@ -13792,35 +13794,35 @@ body.is-open-photoviewer {
13792
13794
  }
13793
13795
  @media (min-width: 768px) {
13794
13796
  .u-border-md-primary {
13795
- border-color: #8b5cf6;
13797
+ border-color: #7c4dff;
13796
13798
  --border-opacity: 1;
13797
13799
  }
13798
13800
  .u-border-md-secondary {
13799
- border-color: #f3f4f6;
13801
+ border-color: #f1f5f9;
13800
13802
  --border-opacity: 1;
13801
13803
  }
13802
13804
  .u-border-md-success {
13803
- border-color: #22c55e;
13805
+ border-color: #10b981;
13804
13806
  --border-opacity: 1;
13805
13807
  }
13806
13808
  .u-border-md-info {
13807
- border-color: #3b82f6;
13809
+ border-color: #2f80ed;
13808
13810
  --border-opacity: 1;
13809
13811
  }
13810
13812
  .u-border-md-warning {
13811
- border-color: #eab308;
13813
+ border-color: #f59e0b;
13812
13814
  --border-opacity: 1;
13813
13815
  }
13814
13816
  .u-border-md-error {
13815
- border-color: #ef4444;
13817
+ border-color: #f43f5e;
13816
13818
  --border-opacity: 1;
13817
13819
  }
13818
13820
  .u-border-md-light {
13819
- border-color: #f9fafb;
13821
+ border-color: #f8fafc;
13820
13822
  --border-opacity: 1;
13821
13823
  }
13822
13824
  .u-border-md-dark {
13823
- border-color: #1f2937;
13825
+ border-color: #1e293b;
13824
13826
  --border-opacity: 1;
13825
13827
  }
13826
13828
  .u-border-md-black {
@@ -13834,35 +13836,35 @@ body.is-open-photoviewer {
13834
13836
  }
13835
13837
  @media (min-width: 992px) {
13836
13838
  .u-border-lg-primary {
13837
- border-color: #8b5cf6;
13839
+ border-color: #7c4dff;
13838
13840
  --border-opacity: 1;
13839
13841
  }
13840
13842
  .u-border-lg-secondary {
13841
- border-color: #f3f4f6;
13843
+ border-color: #f1f5f9;
13842
13844
  --border-opacity: 1;
13843
13845
  }
13844
13846
  .u-border-lg-success {
13845
- border-color: #22c55e;
13847
+ border-color: #10b981;
13846
13848
  --border-opacity: 1;
13847
13849
  }
13848
13850
  .u-border-lg-info {
13849
- border-color: #3b82f6;
13851
+ border-color: #2f80ed;
13850
13852
  --border-opacity: 1;
13851
13853
  }
13852
13854
  .u-border-lg-warning {
13853
- border-color: #eab308;
13855
+ border-color: #f59e0b;
13854
13856
  --border-opacity: 1;
13855
13857
  }
13856
13858
  .u-border-lg-error {
13857
- border-color: #ef4444;
13859
+ border-color: #f43f5e;
13858
13860
  --border-opacity: 1;
13859
13861
  }
13860
13862
  .u-border-lg-light {
13861
- border-color: #f9fafb;
13863
+ border-color: #f8fafc;
13862
13864
  --border-opacity: 1;
13863
13865
  }
13864
13866
  .u-border-lg-dark {
13865
- border-color: #1f2937;
13867
+ border-color: #1e293b;
13866
13868
  --border-opacity: 1;
13867
13869
  }
13868
13870
  .u-border-lg-black {
@@ -13876,35 +13878,35 @@ body.is-open-photoviewer {
13876
13878
  }
13877
13879
  @media (min-width: 1200px) {
13878
13880
  .u-border-xl-primary {
13879
- border-color: #8b5cf6;
13881
+ border-color: #7c4dff;
13880
13882
  --border-opacity: 1;
13881
13883
  }
13882
13884
  .u-border-xl-secondary {
13883
- border-color: #f3f4f6;
13885
+ border-color: #f1f5f9;
13884
13886
  --border-opacity: 1;
13885
13887
  }
13886
13888
  .u-border-xl-success {
13887
- border-color: #22c55e;
13889
+ border-color: #10b981;
13888
13890
  --border-opacity: 1;
13889
13891
  }
13890
13892
  .u-border-xl-info {
13891
- border-color: #3b82f6;
13893
+ border-color: #2f80ed;
13892
13894
  --border-opacity: 1;
13893
13895
  }
13894
13896
  .u-border-xl-warning {
13895
- border-color: #eab308;
13897
+ border-color: #f59e0b;
13896
13898
  --border-opacity: 1;
13897
13899
  }
13898
13900
  .u-border-xl-error {
13899
- border-color: #ef4444;
13901
+ border-color: #f43f5e;
13900
13902
  --border-opacity: 1;
13901
13903
  }
13902
13904
  .u-border-xl-light {
13903
- border-color: #f9fafb;
13905
+ border-color: #f8fafc;
13904
13906
  --border-opacity: 1;
13905
13907
  }
13906
13908
  .u-border-xl-dark {
13907
- border-color: #1f2937;
13909
+ border-color: #1e293b;
13908
13910
  --border-opacity: 1;
13909
13911
  }
13910
13912
  .u-border-xl-black {
@@ -13918,35 +13920,35 @@ body.is-open-photoviewer {
13918
13920
  }
13919
13921
  @media (min-width: 1440px) {
13920
13922
  .u-border-xxl-primary {
13921
- border-color: #8b5cf6;
13923
+ border-color: #7c4dff;
13922
13924
  --border-opacity: 1;
13923
13925
  }
13924
13926
  .u-border-xxl-secondary {
13925
- border-color: #f3f4f6;
13927
+ border-color: #f1f5f9;
13926
13928
  --border-opacity: 1;
13927
13929
  }
13928
13930
  .u-border-xxl-success {
13929
- border-color: #22c55e;
13931
+ border-color: #10b981;
13930
13932
  --border-opacity: 1;
13931
13933
  }
13932
13934
  .u-border-xxl-info {
13933
- border-color: #3b82f6;
13935
+ border-color: #2f80ed;
13934
13936
  --border-opacity: 1;
13935
13937
  }
13936
13938
  .u-border-xxl-warning {
13937
- border-color: #eab308;
13939
+ border-color: #f59e0b;
13938
13940
  --border-opacity: 1;
13939
13941
  }
13940
13942
  .u-border-xxl-error {
13941
- border-color: #ef4444;
13943
+ border-color: #f43f5e;
13942
13944
  --border-opacity: 1;
13943
13945
  }
13944
13946
  .u-border-xxl-light {
13945
- border-color: #f9fafb;
13947
+ border-color: #f8fafc;
13946
13948
  --border-opacity: 1;
13947
13949
  }
13948
13950
  .u-border-xxl-dark {
13949
- border-color: #1f2937;
13951
+ border-color: #1e293b;
13950
13952
  --border-opacity: 1;
13951
13953
  }
13952
13954
  .u-border-xxl-black {
@@ -16665,158 +16667,158 @@ body.is-open-photoviewer {
16665
16667
  }
16666
16668
  @media (min-width: 0) {
16667
16669
  .u-bg-gradient-primary {
16668
- background-image: linear-gradient(135deg, #ede9fe, #ddd6fe, #c4b5fd);
16670
+ background-image: linear-gradient(135deg, #ece7ff, #dccfff, #c1aafd);
16669
16671
  }
16670
16672
  .u-bg-gradient-secondary {
16671
- background-image: linear-gradient(135deg, #f3f4f6, #e5e7eb, #d1d5db);
16673
+ background-image: linear-gradient(135deg, #f1f5f9, #e2e8f0, #cbd5e1);
16672
16674
  }
16673
16675
  .u-bg-gradient-light {
16674
- background-image: linear-gradient(135deg, #f9fafb, #f3f4f6, #e5e7eb);
16676
+ background-image: linear-gradient(135deg, #f8fafc, #f1f5f9, #e2e8f0);
16675
16677
  }
16676
16678
  .u-bg-gradient-dark {
16677
- background-image: linear-gradient(135deg, #4b5563, #1f2937, #000000);
16679
+ background-image: linear-gradient(135deg, #475569, #1e293b, #000000);
16678
16680
  }
16679
16681
  .u-bg-gradient-success {
16680
- background-image: linear-gradient(135deg, #dcfce7, #86efac, #4ade80);
16682
+ background-image: linear-gradient(135deg, #d1fae5, #6ee7b7, #34d399);
16681
16683
  }
16682
16684
  .u-bg-gradient-info {
16683
- background-image: linear-gradient(135deg, #dbeafe, #bfdbfe, #60a5fa);
16685
+ background-image: linear-gradient(135deg, #d8edff, #b6ddff, #52a6fa);
16684
16686
  }
16685
16687
  .u-bg-gradient-warning {
16686
- background-image: linear-gradient(135deg, #fef9c3, #fef08a, #facc15);
16688
+ background-image: linear-gradient(135deg, #fef3c7, #fde68a, #fbbf24);
16687
16689
  }
16688
16690
  .u-bg-gradient-error {
16689
- background-image: linear-gradient(135deg, #fef2f2, #fee2e2, #fecaca);
16691
+ background-image: linear-gradient(135deg, #fff1f2, #ffe4e6, #fecdd3);
16690
16692
  }
16691
16693
  }
16692
16694
  @media (min-width: 576px) {
16693
16695
  .u-bg-gradient-sm-primary {
16694
- background-image: linear-gradient(135deg, #ede9fe, #ddd6fe, #c4b5fd);
16696
+ background-image: linear-gradient(135deg, #ece7ff, #dccfff, #c1aafd);
16695
16697
  }
16696
16698
  .u-bg-gradient-sm-secondary {
16697
- background-image: linear-gradient(135deg, #f3f4f6, #e5e7eb, #d1d5db);
16699
+ background-image: linear-gradient(135deg, #f1f5f9, #e2e8f0, #cbd5e1);
16698
16700
  }
16699
16701
  .u-bg-gradient-sm-light {
16700
- background-image: linear-gradient(135deg, #f9fafb, #f3f4f6, #e5e7eb);
16702
+ background-image: linear-gradient(135deg, #f8fafc, #f1f5f9, #e2e8f0);
16701
16703
  }
16702
16704
  .u-bg-gradient-sm-dark {
16703
- background-image: linear-gradient(135deg, #4b5563, #1f2937, #000000);
16705
+ background-image: linear-gradient(135deg, #475569, #1e293b, #000000);
16704
16706
  }
16705
16707
  .u-bg-gradient-sm-success {
16706
- background-image: linear-gradient(135deg, #dcfce7, #86efac, #4ade80);
16708
+ background-image: linear-gradient(135deg, #d1fae5, #6ee7b7, #34d399);
16707
16709
  }
16708
16710
  .u-bg-gradient-sm-info {
16709
- background-image: linear-gradient(135deg, #dbeafe, #bfdbfe, #60a5fa);
16711
+ background-image: linear-gradient(135deg, #d8edff, #b6ddff, #52a6fa);
16710
16712
  }
16711
16713
  .u-bg-gradient-sm-warning {
16712
- background-image: linear-gradient(135deg, #fef9c3, #fef08a, #facc15);
16714
+ background-image: linear-gradient(135deg, #fef3c7, #fde68a, #fbbf24);
16713
16715
  }
16714
16716
  .u-bg-gradient-sm-error {
16715
- background-image: linear-gradient(135deg, #fef2f2, #fee2e2, #fecaca);
16717
+ background-image: linear-gradient(135deg, #fff1f2, #ffe4e6, #fecdd3);
16716
16718
  }
16717
16719
  }
16718
16720
  @media (min-width: 768px) {
16719
16721
  .u-bg-gradient-md-primary {
16720
- background-image: linear-gradient(135deg, #ede9fe, #ddd6fe, #c4b5fd);
16722
+ background-image: linear-gradient(135deg, #ece7ff, #dccfff, #c1aafd);
16721
16723
  }
16722
16724
  .u-bg-gradient-md-secondary {
16723
- background-image: linear-gradient(135deg, #f3f4f6, #e5e7eb, #d1d5db);
16725
+ background-image: linear-gradient(135deg, #f1f5f9, #e2e8f0, #cbd5e1);
16724
16726
  }
16725
16727
  .u-bg-gradient-md-light {
16726
- background-image: linear-gradient(135deg, #f9fafb, #f3f4f6, #e5e7eb);
16728
+ background-image: linear-gradient(135deg, #f8fafc, #f1f5f9, #e2e8f0);
16727
16729
  }
16728
16730
  .u-bg-gradient-md-dark {
16729
- background-image: linear-gradient(135deg, #4b5563, #1f2937, #000000);
16731
+ background-image: linear-gradient(135deg, #475569, #1e293b, #000000);
16730
16732
  }
16731
16733
  .u-bg-gradient-md-success {
16732
- background-image: linear-gradient(135deg, #dcfce7, #86efac, #4ade80);
16734
+ background-image: linear-gradient(135deg, #d1fae5, #6ee7b7, #34d399);
16733
16735
  }
16734
16736
  .u-bg-gradient-md-info {
16735
- background-image: linear-gradient(135deg, #dbeafe, #bfdbfe, #60a5fa);
16737
+ background-image: linear-gradient(135deg, #d8edff, #b6ddff, #52a6fa);
16736
16738
  }
16737
16739
  .u-bg-gradient-md-warning {
16738
- background-image: linear-gradient(135deg, #fef9c3, #fef08a, #facc15);
16740
+ background-image: linear-gradient(135deg, #fef3c7, #fde68a, #fbbf24);
16739
16741
  }
16740
16742
  .u-bg-gradient-md-error {
16741
- background-image: linear-gradient(135deg, #fef2f2, #fee2e2, #fecaca);
16743
+ background-image: linear-gradient(135deg, #fff1f2, #ffe4e6, #fecdd3);
16742
16744
  }
16743
16745
  }
16744
16746
  @media (min-width: 992px) {
16745
16747
  .u-bg-gradient-lg-primary {
16746
- background-image: linear-gradient(135deg, #ede9fe, #ddd6fe, #c4b5fd);
16748
+ background-image: linear-gradient(135deg, #ece7ff, #dccfff, #c1aafd);
16747
16749
  }
16748
16750
  .u-bg-gradient-lg-secondary {
16749
- background-image: linear-gradient(135deg, #f3f4f6, #e5e7eb, #d1d5db);
16751
+ background-image: linear-gradient(135deg, #f1f5f9, #e2e8f0, #cbd5e1);
16750
16752
  }
16751
16753
  .u-bg-gradient-lg-light {
16752
- background-image: linear-gradient(135deg, #f9fafb, #f3f4f6, #e5e7eb);
16754
+ background-image: linear-gradient(135deg, #f8fafc, #f1f5f9, #e2e8f0);
16753
16755
  }
16754
16756
  .u-bg-gradient-lg-dark {
16755
- background-image: linear-gradient(135deg, #4b5563, #1f2937, #000000);
16757
+ background-image: linear-gradient(135deg, #475569, #1e293b, #000000);
16756
16758
  }
16757
16759
  .u-bg-gradient-lg-success {
16758
- background-image: linear-gradient(135deg, #dcfce7, #86efac, #4ade80);
16760
+ background-image: linear-gradient(135deg, #d1fae5, #6ee7b7, #34d399);
16759
16761
  }
16760
16762
  .u-bg-gradient-lg-info {
16761
- background-image: linear-gradient(135deg, #dbeafe, #bfdbfe, #60a5fa);
16763
+ background-image: linear-gradient(135deg, #d8edff, #b6ddff, #52a6fa);
16762
16764
  }
16763
16765
  .u-bg-gradient-lg-warning {
16764
- background-image: linear-gradient(135deg, #fef9c3, #fef08a, #facc15);
16766
+ background-image: linear-gradient(135deg, #fef3c7, #fde68a, #fbbf24);
16765
16767
  }
16766
16768
  .u-bg-gradient-lg-error {
16767
- background-image: linear-gradient(135deg, #fef2f2, #fee2e2, #fecaca);
16769
+ background-image: linear-gradient(135deg, #fff1f2, #ffe4e6, #fecdd3);
16768
16770
  }
16769
16771
  }
16770
16772
  @media (min-width: 1200px) {
16771
16773
  .u-bg-gradient-xl-primary {
16772
- background-image: linear-gradient(135deg, #ede9fe, #ddd6fe, #c4b5fd);
16774
+ background-image: linear-gradient(135deg, #ece7ff, #dccfff, #c1aafd);
16773
16775
  }
16774
16776
  .u-bg-gradient-xl-secondary {
16775
- background-image: linear-gradient(135deg, #f3f4f6, #e5e7eb, #d1d5db);
16777
+ background-image: linear-gradient(135deg, #f1f5f9, #e2e8f0, #cbd5e1);
16776
16778
  }
16777
16779
  .u-bg-gradient-xl-light {
16778
- background-image: linear-gradient(135deg, #f9fafb, #f3f4f6, #e5e7eb);
16780
+ background-image: linear-gradient(135deg, #f8fafc, #f1f5f9, #e2e8f0);
16779
16781
  }
16780
16782
  .u-bg-gradient-xl-dark {
16781
- background-image: linear-gradient(135deg, #4b5563, #1f2937, #000000);
16783
+ background-image: linear-gradient(135deg, #475569, #1e293b, #000000);
16782
16784
  }
16783
16785
  .u-bg-gradient-xl-success {
16784
- background-image: linear-gradient(135deg, #dcfce7, #86efac, #4ade80);
16786
+ background-image: linear-gradient(135deg, #d1fae5, #6ee7b7, #34d399);
16785
16787
  }
16786
16788
  .u-bg-gradient-xl-info {
16787
- background-image: linear-gradient(135deg, #dbeafe, #bfdbfe, #60a5fa);
16789
+ background-image: linear-gradient(135deg, #d8edff, #b6ddff, #52a6fa);
16788
16790
  }
16789
16791
  .u-bg-gradient-xl-warning {
16790
- background-image: linear-gradient(135deg, #fef9c3, #fef08a, #facc15);
16792
+ background-image: linear-gradient(135deg, #fef3c7, #fde68a, #fbbf24);
16791
16793
  }
16792
16794
  .u-bg-gradient-xl-error {
16793
- background-image: linear-gradient(135deg, #fef2f2, #fee2e2, #fecaca);
16795
+ background-image: linear-gradient(135deg, #fff1f2, #ffe4e6, #fecdd3);
16794
16796
  }
16795
16797
  }
16796
16798
  @media (min-width: 1440px) {
16797
16799
  .u-bg-gradient-xxl-primary {
16798
- background-image: linear-gradient(135deg, #ede9fe, #ddd6fe, #c4b5fd);
16800
+ background-image: linear-gradient(135deg, #ece7ff, #dccfff, #c1aafd);
16799
16801
  }
16800
16802
  .u-bg-gradient-xxl-secondary {
16801
- background-image: linear-gradient(135deg, #f3f4f6, #e5e7eb, #d1d5db);
16803
+ background-image: linear-gradient(135deg, #f1f5f9, #e2e8f0, #cbd5e1);
16802
16804
  }
16803
16805
  .u-bg-gradient-xxl-light {
16804
- background-image: linear-gradient(135deg, #f9fafb, #f3f4f6, #e5e7eb);
16806
+ background-image: linear-gradient(135deg, #f8fafc, #f1f5f9, #e2e8f0);
16805
16807
  }
16806
16808
  .u-bg-gradient-xxl-dark {
16807
- background-image: linear-gradient(135deg, #4b5563, #1f2937, #000000);
16809
+ background-image: linear-gradient(135deg, #475569, #1e293b, #000000);
16808
16810
  }
16809
16811
  .u-bg-gradient-xxl-success {
16810
- background-image: linear-gradient(135deg, #dcfce7, #86efac, #4ade80);
16812
+ background-image: linear-gradient(135deg, #d1fae5, #6ee7b7, #34d399);
16811
16813
  }
16812
16814
  .u-bg-gradient-xxl-info {
16813
- background-image: linear-gradient(135deg, #dbeafe, #bfdbfe, #60a5fa);
16815
+ background-image: linear-gradient(135deg, #d8edff, #b6ddff, #52a6fa);
16814
16816
  }
16815
16817
  .u-bg-gradient-xxl-warning {
16816
- background-image: linear-gradient(135deg, #fef9c3, #fef08a, #facc15);
16818
+ background-image: linear-gradient(135deg, #fef3c7, #fde68a, #fbbf24);
16817
16819
  }
16818
16820
  .u-bg-gradient-xxl-error {
16819
- background-image: linear-gradient(135deg, #fef2f2, #fee2e2, #fecaca);
16821
+ background-image: linear-gradient(135deg, #fff1f2, #ffe4e6, #fecdd3);
16820
16822
  }
16821
16823
  }
16822
16824
  @media (min-width: 0) {
@@ -16989,35 +16991,35 @@ body.is-open-photoviewer {
16989
16991
  }
16990
16992
  @media (min-width: 0) {
16991
16993
  .u-link-underline-primary {
16992
- text-decoration-color: #8b5cf6;
16994
+ text-decoration-color: #7c4dff;
16993
16995
  --link-underline-opacity: 1;
16994
16996
  }
16995
16997
  .u-link-underline-secondary {
16996
- text-decoration-color: #f3f4f6;
16998
+ text-decoration-color: #f1f5f9;
16997
16999
  --link-underline-opacity: 1;
16998
17000
  }
16999
17001
  .u-link-underline-success {
17000
- text-decoration-color: #22c55e;
17002
+ text-decoration-color: #10b981;
17001
17003
  --link-underline-opacity: 1;
17002
17004
  }
17003
17005
  .u-link-underline-info {
17004
- text-decoration-color: #3b82f6;
17006
+ text-decoration-color: #2f80ed;
17005
17007
  --link-underline-opacity: 1;
17006
17008
  }
17007
17009
  .u-link-underline-warning {
17008
- text-decoration-color: #eab308;
17010
+ text-decoration-color: #f59e0b;
17009
17011
  --link-underline-opacity: 1;
17010
17012
  }
17011
17013
  .u-link-underline-error {
17012
- text-decoration-color: #ef4444;
17014
+ text-decoration-color: #f43f5e;
17013
17015
  --link-underline-opacity: 1;
17014
17016
  }
17015
17017
  .u-link-underline-light {
17016
- text-decoration-color: #f9fafb;
17018
+ text-decoration-color: #f8fafc;
17017
17019
  --link-underline-opacity: 1;
17018
17020
  }
17019
17021
  .u-link-underline-dark {
17020
- text-decoration-color: #1f2937;
17022
+ text-decoration-color: #1e293b;
17021
17023
  --link-underline-opacity: 1;
17022
17024
  }
17023
17025
  .u-link-underline-black {
@@ -17035,35 +17037,35 @@ body.is-open-photoviewer {
17035
17037
  }
17036
17038
  @media (min-width: 576px) {
17037
17039
  .u-link-underline-sm-primary {
17038
- text-decoration-color: #8b5cf6;
17040
+ text-decoration-color: #7c4dff;
17039
17041
  --link-underline-opacity: 1;
17040
17042
  }
17041
17043
  .u-link-underline-sm-secondary {
17042
- text-decoration-color: #f3f4f6;
17044
+ text-decoration-color: #f1f5f9;
17043
17045
  --link-underline-opacity: 1;
17044
17046
  }
17045
17047
  .u-link-underline-sm-success {
17046
- text-decoration-color: #22c55e;
17048
+ text-decoration-color: #10b981;
17047
17049
  --link-underline-opacity: 1;
17048
17050
  }
17049
17051
  .u-link-underline-sm-info {
17050
- text-decoration-color: #3b82f6;
17052
+ text-decoration-color: #2f80ed;
17051
17053
  --link-underline-opacity: 1;
17052
17054
  }
17053
17055
  .u-link-underline-sm-warning {
17054
- text-decoration-color: #eab308;
17056
+ text-decoration-color: #f59e0b;
17055
17057
  --link-underline-opacity: 1;
17056
17058
  }
17057
17059
  .u-link-underline-sm-error {
17058
- text-decoration-color: #ef4444;
17060
+ text-decoration-color: #f43f5e;
17059
17061
  --link-underline-opacity: 1;
17060
17062
  }
17061
17063
  .u-link-underline-sm-light {
17062
- text-decoration-color: #f9fafb;
17064
+ text-decoration-color: #f8fafc;
17063
17065
  --link-underline-opacity: 1;
17064
17066
  }
17065
17067
  .u-link-underline-sm-dark {
17066
- text-decoration-color: #1f2937;
17068
+ text-decoration-color: #1e293b;
17067
17069
  --link-underline-opacity: 1;
17068
17070
  }
17069
17071
  .u-link-underline-sm-black {
@@ -17081,35 +17083,35 @@ body.is-open-photoviewer {
17081
17083
  }
17082
17084
  @media (min-width: 768px) {
17083
17085
  .u-link-underline-md-primary {
17084
- text-decoration-color: #8b5cf6;
17086
+ text-decoration-color: #7c4dff;
17085
17087
  --link-underline-opacity: 1;
17086
17088
  }
17087
17089
  .u-link-underline-md-secondary {
17088
- text-decoration-color: #f3f4f6;
17090
+ text-decoration-color: #f1f5f9;
17089
17091
  --link-underline-opacity: 1;
17090
17092
  }
17091
17093
  .u-link-underline-md-success {
17092
- text-decoration-color: #22c55e;
17094
+ text-decoration-color: #10b981;
17093
17095
  --link-underline-opacity: 1;
17094
17096
  }
17095
17097
  .u-link-underline-md-info {
17096
- text-decoration-color: #3b82f6;
17098
+ text-decoration-color: #2f80ed;
17097
17099
  --link-underline-opacity: 1;
17098
17100
  }
17099
17101
  .u-link-underline-md-warning {
17100
- text-decoration-color: #eab308;
17102
+ text-decoration-color: #f59e0b;
17101
17103
  --link-underline-opacity: 1;
17102
17104
  }
17103
17105
  .u-link-underline-md-error {
17104
- text-decoration-color: #ef4444;
17106
+ text-decoration-color: #f43f5e;
17105
17107
  --link-underline-opacity: 1;
17106
17108
  }
17107
17109
  .u-link-underline-md-light {
17108
- text-decoration-color: #f9fafb;
17110
+ text-decoration-color: #f8fafc;
17109
17111
  --link-underline-opacity: 1;
17110
17112
  }
17111
17113
  .u-link-underline-md-dark {
17112
- text-decoration-color: #1f2937;
17114
+ text-decoration-color: #1e293b;
17113
17115
  --link-underline-opacity: 1;
17114
17116
  }
17115
17117
  .u-link-underline-md-black {
@@ -17127,35 +17129,35 @@ body.is-open-photoviewer {
17127
17129
  }
17128
17130
  @media (min-width: 992px) {
17129
17131
  .u-link-underline-lg-primary {
17130
- text-decoration-color: #8b5cf6;
17132
+ text-decoration-color: #7c4dff;
17131
17133
  --link-underline-opacity: 1;
17132
17134
  }
17133
17135
  .u-link-underline-lg-secondary {
17134
- text-decoration-color: #f3f4f6;
17136
+ text-decoration-color: #f1f5f9;
17135
17137
  --link-underline-opacity: 1;
17136
17138
  }
17137
17139
  .u-link-underline-lg-success {
17138
- text-decoration-color: #22c55e;
17140
+ text-decoration-color: #10b981;
17139
17141
  --link-underline-opacity: 1;
17140
17142
  }
17141
17143
  .u-link-underline-lg-info {
17142
- text-decoration-color: #3b82f6;
17144
+ text-decoration-color: #2f80ed;
17143
17145
  --link-underline-opacity: 1;
17144
17146
  }
17145
17147
  .u-link-underline-lg-warning {
17146
- text-decoration-color: #eab308;
17148
+ text-decoration-color: #f59e0b;
17147
17149
  --link-underline-opacity: 1;
17148
17150
  }
17149
17151
  .u-link-underline-lg-error {
17150
- text-decoration-color: #ef4444;
17152
+ text-decoration-color: #f43f5e;
17151
17153
  --link-underline-opacity: 1;
17152
17154
  }
17153
17155
  .u-link-underline-lg-light {
17154
- text-decoration-color: #f9fafb;
17156
+ text-decoration-color: #f8fafc;
17155
17157
  --link-underline-opacity: 1;
17156
17158
  }
17157
17159
  .u-link-underline-lg-dark {
17158
- text-decoration-color: #1f2937;
17160
+ text-decoration-color: #1e293b;
17159
17161
  --link-underline-opacity: 1;
17160
17162
  }
17161
17163
  .u-link-underline-lg-black {
@@ -17173,35 +17175,35 @@ body.is-open-photoviewer {
17173
17175
  }
17174
17176
  @media (min-width: 1200px) {
17175
17177
  .u-link-underline-xl-primary {
17176
- text-decoration-color: #8b5cf6;
17178
+ text-decoration-color: #7c4dff;
17177
17179
  --link-underline-opacity: 1;
17178
17180
  }
17179
17181
  .u-link-underline-xl-secondary {
17180
- text-decoration-color: #f3f4f6;
17182
+ text-decoration-color: #f1f5f9;
17181
17183
  --link-underline-opacity: 1;
17182
17184
  }
17183
17185
  .u-link-underline-xl-success {
17184
- text-decoration-color: #22c55e;
17186
+ text-decoration-color: #10b981;
17185
17187
  --link-underline-opacity: 1;
17186
17188
  }
17187
17189
  .u-link-underline-xl-info {
17188
- text-decoration-color: #3b82f6;
17190
+ text-decoration-color: #2f80ed;
17189
17191
  --link-underline-opacity: 1;
17190
17192
  }
17191
17193
  .u-link-underline-xl-warning {
17192
- text-decoration-color: #eab308;
17194
+ text-decoration-color: #f59e0b;
17193
17195
  --link-underline-opacity: 1;
17194
17196
  }
17195
17197
  .u-link-underline-xl-error {
17196
- text-decoration-color: #ef4444;
17198
+ text-decoration-color: #f43f5e;
17197
17199
  --link-underline-opacity: 1;
17198
17200
  }
17199
17201
  .u-link-underline-xl-light {
17200
- text-decoration-color: #f9fafb;
17202
+ text-decoration-color: #f8fafc;
17201
17203
  --link-underline-opacity: 1;
17202
17204
  }
17203
17205
  .u-link-underline-xl-dark {
17204
- text-decoration-color: #1f2937;
17206
+ text-decoration-color: #1e293b;
17205
17207
  --link-underline-opacity: 1;
17206
17208
  }
17207
17209
  .u-link-underline-xl-black {
@@ -17219,35 +17221,35 @@ body.is-open-photoviewer {
17219
17221
  }
17220
17222
  @media (min-width: 1440px) {
17221
17223
  .u-link-underline-xxl-primary {
17222
- text-decoration-color: #8b5cf6;
17224
+ text-decoration-color: #7c4dff;
17223
17225
  --link-underline-opacity: 1;
17224
17226
  }
17225
17227
  .u-link-underline-xxl-secondary {
17226
- text-decoration-color: #f3f4f6;
17228
+ text-decoration-color: #f1f5f9;
17227
17229
  --link-underline-opacity: 1;
17228
17230
  }
17229
17231
  .u-link-underline-xxl-success {
17230
- text-decoration-color: #22c55e;
17232
+ text-decoration-color: #10b981;
17231
17233
  --link-underline-opacity: 1;
17232
17234
  }
17233
17235
  .u-link-underline-xxl-info {
17234
- text-decoration-color: #3b82f6;
17236
+ text-decoration-color: #2f80ed;
17235
17237
  --link-underline-opacity: 1;
17236
17238
  }
17237
17239
  .u-link-underline-xxl-warning {
17238
- text-decoration-color: #eab308;
17240
+ text-decoration-color: #f59e0b;
17239
17241
  --link-underline-opacity: 1;
17240
17242
  }
17241
17243
  .u-link-underline-xxl-error {
17242
- text-decoration-color: #ef4444;
17244
+ text-decoration-color: #f43f5e;
17243
17245
  --link-underline-opacity: 1;
17244
17246
  }
17245
17247
  .u-link-underline-xxl-light {
17246
- text-decoration-color: #f9fafb;
17248
+ text-decoration-color: #f8fafc;
17247
17249
  --link-underline-opacity: 1;
17248
17250
  }
17249
17251
  .u-link-underline-xxl-dark {
17250
- text-decoration-color: #1f2937;
17252
+ text-decoration-color: #1e293b;
17251
17253
  --link-underline-opacity: 1;
17252
17254
  }
17253
17255
  .u-link-underline-xxl-black {
@@ -33207,28 +33209,28 @@ body.is-open-photoviewer {
33207
33209
  }
33208
33210
  @media (min-width: 0) {
33209
33211
  .u-text-primary {
33210
- color: #8b5cf6;
33212
+ color: #7c4dff;
33211
33213
  }
33212
33214
  .u-text-secondary {
33213
- color: #f3f4f6;
33215
+ color: #f1f5f9;
33214
33216
  }
33215
33217
  .u-text-success {
33216
- color: #22c55e;
33218
+ color: #10b981;
33217
33219
  }
33218
33220
  .u-text-info {
33219
- color: #3b82f6;
33221
+ color: #2f80ed;
33220
33222
  }
33221
33223
  .u-text-warning {
33222
- color: #eab308;
33224
+ color: #f59e0b;
33223
33225
  }
33224
33226
  .u-text-error {
33225
- color: #ef4444;
33227
+ color: #f43f5e;
33226
33228
  }
33227
33229
  .u-text-light {
33228
- color: #f9fafb;
33230
+ color: #f8fafc;
33229
33231
  }
33230
33232
  .u-text-dark {
33231
- color: #1f2937;
33233
+ color: #1e293b;
33232
33234
  }
33233
33235
  .u-text-black {
33234
33236
  color: #000000;
@@ -33237,33 +33239,33 @@ body.is-open-photoviewer {
33237
33239
  color: #ffffff;
33238
33240
  }
33239
33241
  .u-text-body {
33240
- color: #111827;
33242
+ color: #0f172a;
33241
33243
  }
33242
33244
  }
33243
33245
  @media (min-width: 576px) {
33244
33246
  .u-text-sm-primary {
33245
- color: #8b5cf6;
33247
+ color: #7c4dff;
33246
33248
  }
33247
33249
  .u-text-sm-secondary {
33248
- color: #f3f4f6;
33250
+ color: #f1f5f9;
33249
33251
  }
33250
33252
  .u-text-sm-success {
33251
- color: #22c55e;
33253
+ color: #10b981;
33252
33254
  }
33253
33255
  .u-text-sm-info {
33254
- color: #3b82f6;
33256
+ color: #2f80ed;
33255
33257
  }
33256
33258
  .u-text-sm-warning {
33257
- color: #eab308;
33259
+ color: #f59e0b;
33258
33260
  }
33259
33261
  .u-text-sm-error {
33260
- color: #ef4444;
33262
+ color: #f43f5e;
33261
33263
  }
33262
33264
  .u-text-sm-light {
33263
- color: #f9fafb;
33265
+ color: #f8fafc;
33264
33266
  }
33265
33267
  .u-text-sm-dark {
33266
- color: #1f2937;
33268
+ color: #1e293b;
33267
33269
  }
33268
33270
  .u-text-sm-black {
33269
33271
  color: #000000;
@@ -33272,33 +33274,33 @@ body.is-open-photoviewer {
33272
33274
  color: #ffffff;
33273
33275
  }
33274
33276
  .u-text-sm-body {
33275
- color: #111827;
33277
+ color: #0f172a;
33276
33278
  }
33277
33279
  }
33278
33280
  @media (min-width: 768px) {
33279
33281
  .u-text-md-primary {
33280
- color: #8b5cf6;
33282
+ color: #7c4dff;
33281
33283
  }
33282
33284
  .u-text-md-secondary {
33283
- color: #f3f4f6;
33285
+ color: #f1f5f9;
33284
33286
  }
33285
33287
  .u-text-md-success {
33286
- color: #22c55e;
33288
+ color: #10b981;
33287
33289
  }
33288
33290
  .u-text-md-info {
33289
- color: #3b82f6;
33291
+ color: #2f80ed;
33290
33292
  }
33291
33293
  .u-text-md-warning {
33292
- color: #eab308;
33294
+ color: #f59e0b;
33293
33295
  }
33294
33296
  .u-text-md-error {
33295
- color: #ef4444;
33297
+ color: #f43f5e;
33296
33298
  }
33297
33299
  .u-text-md-light {
33298
- color: #f9fafb;
33300
+ color: #f8fafc;
33299
33301
  }
33300
33302
  .u-text-md-dark {
33301
- color: #1f2937;
33303
+ color: #1e293b;
33302
33304
  }
33303
33305
  .u-text-md-black {
33304
33306
  color: #000000;
@@ -33307,33 +33309,33 @@ body.is-open-photoviewer {
33307
33309
  color: #ffffff;
33308
33310
  }
33309
33311
  .u-text-md-body {
33310
- color: #111827;
33312
+ color: #0f172a;
33311
33313
  }
33312
33314
  }
33313
33315
  @media (min-width: 992px) {
33314
33316
  .u-text-lg-primary {
33315
- color: #8b5cf6;
33317
+ color: #7c4dff;
33316
33318
  }
33317
33319
  .u-text-lg-secondary {
33318
- color: #f3f4f6;
33320
+ color: #f1f5f9;
33319
33321
  }
33320
33322
  .u-text-lg-success {
33321
- color: #22c55e;
33323
+ color: #10b981;
33322
33324
  }
33323
33325
  .u-text-lg-info {
33324
- color: #3b82f6;
33326
+ color: #2f80ed;
33325
33327
  }
33326
33328
  .u-text-lg-warning {
33327
- color: #eab308;
33329
+ color: #f59e0b;
33328
33330
  }
33329
33331
  .u-text-lg-error {
33330
- color: #ef4444;
33332
+ color: #f43f5e;
33331
33333
  }
33332
33334
  .u-text-lg-light {
33333
- color: #f9fafb;
33335
+ color: #f8fafc;
33334
33336
  }
33335
33337
  .u-text-lg-dark {
33336
- color: #1f2937;
33338
+ color: #1e293b;
33337
33339
  }
33338
33340
  .u-text-lg-black {
33339
33341
  color: #000000;
@@ -33342,33 +33344,33 @@ body.is-open-photoviewer {
33342
33344
  color: #ffffff;
33343
33345
  }
33344
33346
  .u-text-lg-body {
33345
- color: #111827;
33347
+ color: #0f172a;
33346
33348
  }
33347
33349
  }
33348
33350
  @media (min-width: 1200px) {
33349
33351
  .u-text-xl-primary {
33350
- color: #8b5cf6;
33352
+ color: #7c4dff;
33351
33353
  }
33352
33354
  .u-text-xl-secondary {
33353
- color: #f3f4f6;
33355
+ color: #f1f5f9;
33354
33356
  }
33355
33357
  .u-text-xl-success {
33356
- color: #22c55e;
33358
+ color: #10b981;
33357
33359
  }
33358
33360
  .u-text-xl-info {
33359
- color: #3b82f6;
33361
+ color: #2f80ed;
33360
33362
  }
33361
33363
  .u-text-xl-warning {
33362
- color: #eab308;
33364
+ color: #f59e0b;
33363
33365
  }
33364
33366
  .u-text-xl-error {
33365
- color: #ef4444;
33367
+ color: #f43f5e;
33366
33368
  }
33367
33369
  .u-text-xl-light {
33368
- color: #f9fafb;
33370
+ color: #f8fafc;
33369
33371
  }
33370
33372
  .u-text-xl-dark {
33371
- color: #1f2937;
33373
+ color: #1e293b;
33372
33374
  }
33373
33375
  .u-text-xl-black {
33374
33376
  color: #000000;
@@ -33377,33 +33379,33 @@ body.is-open-photoviewer {
33377
33379
  color: #ffffff;
33378
33380
  }
33379
33381
  .u-text-xl-body {
33380
- color: #111827;
33382
+ color: #0f172a;
33381
33383
  }
33382
33384
  }
33383
33385
  @media (min-width: 1440px) {
33384
33386
  .u-text-xxl-primary {
33385
- color: #8b5cf6;
33387
+ color: #7c4dff;
33386
33388
  }
33387
33389
  .u-text-xxl-secondary {
33388
- color: #f3f4f6;
33390
+ color: #f1f5f9;
33389
33391
  }
33390
33392
  .u-text-xxl-success {
33391
- color: #22c55e;
33393
+ color: #10b981;
33392
33394
  }
33393
33395
  .u-text-xxl-info {
33394
- color: #3b82f6;
33396
+ color: #2f80ed;
33395
33397
  }
33396
33398
  .u-text-xxl-warning {
33397
- color: #eab308;
33399
+ color: #f59e0b;
33398
33400
  }
33399
33401
  .u-text-xxl-error {
33400
- color: #ef4444;
33402
+ color: #f43f5e;
33401
33403
  }
33402
33404
  .u-text-xxl-light {
33403
- color: #f9fafb;
33405
+ color: #f8fafc;
33404
33406
  }
33405
33407
  .u-text-xxl-dark {
33406
- color: #1f2937;
33408
+ color: #1e293b;
33407
33409
  }
33408
33410
  .u-text-xxl-black {
33409
33411
  color: #000000;
@@ -33412,7 +33414,7 @@ body.is-open-photoviewer {
33412
33414
  color: #ffffff;
33413
33415
  }
33414
33416
  .u-text-xxl-body {
33415
- color: #111827;
33417
+ color: #0f172a;
33416
33418
  }
33417
33419
  }
33418
33420
  @media (min-width: 0) {