/* :root {
    /* ── Core brand ── */
    --tblr-primary:               #3c4368;
    --tblr-secondary:             #3f4650;
    --tblr-success:               #2e4d2c;
    --tblr-info:                  #2e4a50;
    --tblr-warning:               #64633a;  /* bumped to 600 for legibility */
    --tblr-danger:                #643a3a;
  
    /* ── RGB versions ── */
    --tblr-primary-rgb:           60, 67, 104;
    --tblr-secondary-rgb:         63, 70, 80;
    --tblr-success-rgb:           46, 77, 44;
    --tblr-info-rgb:              46, 74, 80;
    --tblr-warning-rgb:           100, 99, 58;
    --tblr-danger-rgb:            100, 58, 58;
  
    /* ── Semantic text emphasis (use ~200 shade) ── */
    --tblr-primary-text-emphasis:   #d8dae2;
    --tblr-secondary-text-emphasis: #d8dadd;
    --tblr-success-text-emphasis:   #d2ddd2;
    --tblr-info-text-emphasis:      #d3dcde;
    --tblr-warning-text-emphasis:   #dbdbcf;
    --tblr-danger-text-emphasis:    #e1d8d8;
  
    /* ── Subtle backgrounds (use ~900 shade) ── */
    --tblr-primary-bg-subtle:      #161926;
    --tblr-secondary-bg-subtle:    #171a1e;
    --tblr-success-bg-subtle:      #111c10;
    --tblr-info-bg-subtle:         #111b1d;
    --tblr-warning-bg-subtle:      #1a1a0f;
    --tblr-danger-bg-subtle:       #251515;
  
    /* ── Subtle borders (use ~800 shade) ── */
    --tblr-primary-border-subtle:   #21263a;
    --tblr-secondary-border-subtle: #23272d;
    --tblr-success-border-subtle:   #1a2b19;
    --tblr-info-border-subtle:      #1a292d;
    --tblr-warning-border-subtle:   #282817;
    --tblr-danger-border-subtle:    #382020;
  
    /* ── Body & surface ── */
    --tblr-body-color:             #1f2937;   /* keep dark for readability */
    --tblr-body-bg:                #f3f3f6;   /* primary-050 */
    --tblr-secondary-bg:           #e6e7ec;   /* primary-100 */
    --tblr-tertiary-bg:            #d8dae2;   /* primary-200 */
  
    /* ── Borders ── */
    --tblr-border-color:           #c9cbd6;   /* primary-300 */
    --tblr-border-color-translucent: rgba(60, 67, 104, 0.1);
  
    /* ── Links ── */
    --tblr-link-color:             #3c4368;
    --tblr-link-color-rgb:         60, 67, 104;
    --tblr-link-hover-color:       #21263a;   /* primary-800 */
  
    /* ── Focus ring ── */
    --tblr-focus-ring-color:       rgba(60, 67, 104, 0.25);
  
    /* ── Form validation ── */
    --tblr-form-valid-color:        #2e4d2c;
    --tblr-form-valid-border-color: #2e4d2c;
    --tblr-form-invalid-color:        #643a3a;
    --tblr-form-invalid-border-color: #643a3a;
  
    /* ── Dark & light surfaces ── */
    --tblr-light:                  #f3f3f6;   /* primary-050 */
    --tblr-dark:                   #21263a;   /* primary-800 */
    --tblr-light-rgb:              243, 243, 246;
    --tblr-dark-rgb:               33, 38, 58;
    --tblr-light-bg-subtle:        #f3f3f6;
    --tblr-dark-bg-subtle:         #9b9fb4;   /* primary-400 */
    --tblr-light-border-subtle:    #d8dae2;
    --tblr-dark-border-subtle:     #585f83;   /* primary-600 */
    --tblr-light-text-emphasis:    #3c4368;
    --tblr-dark-text-emphasis:     #3c4368;
  
    /* ── Highlight ── */
    --tblr-highlight-color:        #21263a;
    --tblr-highlight-bg:           #e8e8e0;   /* warning-100 for a warm tint */
  
    /* ── Muted ── */
    --tblr-muted:                  #777d9a;   /* primary-500 */
    --tblr-muted-rgb:              119, 125, 154;
  }

BASE COLOR PALETTE USED TO CREATE THE COLORS ABOVE
  {
    --primary-050: #f3f3f6;
    --primary-100: #e6e7ec;
    --primary-200: #d8dae2;
    --primary-300: #c9cbd6;
    --primary-400: #9b9fb4;
    --primary-500: #777d9a;
    --primary-600: #585f83;
    --primary-700: #3c4368;
    --primary-800: #21263a;
    --primary-900: #161926;
    --primary-950: #0e0f17;
    --secondary-050: #f3f4f4;
    --secondary-100: #e6e7e9;
    --secondary-200: #d8dadd;
    --secondary-300: #c9ccd0;
    --secondary-400: #9ba0a8;
    --secondary-500: #787f8a;
    --secondary-600: #59626f;
    --secondary-700: #3f4650;
    --secondary-800: #23272d;
    --secondary-900: #171a1e;
    --secondary-950: #0e1012;
    --success-050: #f1f4f1;
    --success-100: #e2e9e2;
    --success-200: #d2ddd2;
    --success-300: #c1d0c0;
    --success-400: #8ba78a;
    --success-500: #628861;
    --success-600: #406b3e;
    --success-700: #2e4d2c;
    --success-800: #1a2b19;
    --success-900: #111c10;
    --success-950: #0a110a;
    --warning-050: #f4f4f0;
    --warning-100: #e8e8e0;
    --warning-200: #dbdbcf;
    --warning-300: #cdccbc;
    --warning-400: #a2a184;
    --warning-500: #818158;
    --warning-600: #64633a;
    --warning-700: #474729;
    --warning-800: #282817;
    --warning-900: #1a1a0f;
    --warning-950: #101009;
    --danger-050: #f6f3f3;
    --danger-100: #ece6e6;
    --danger-200: #e1d8d8;
    --danger-300: #d6c8c8;
    --danger-400: #b39a9a;
    --danger-500: #987676;
    --danger-600: #805656;
    --danger-700: #643a3a;
    --danger-800: #382020;
    --danger-900: #251515;
    --danger-950: #170d0d;
    --info-050: #f1f4f5;
    --info-100: #e3e8ea;
    --info-200: #d3dcde;
    --info-300: #c1ced1;
    --info-400: #8da4a9;
    --info-500: #65848b;
    --info-600: #416770;
    --info-700: #2e4a50;
    --info-800: #1a292d;
    --info-900: #111b1d;
    --info-950: #0a1112;
    --tertiary-050: #f4f3f6;
    --tertiary-100: #e8e6ec;
    --tertiary-200: #dbd9e2;
    --tertiary-300: #cdcad7;
    --tertiary-400: #a39cb5;
    --tertiary-500: #827a9b;
    --tertiary-600: #665b84;
    --tertiary-700: #4a3e6b;
    --tertiary-800: #29233c;
    --tertiary-900: #1b1728;
    --tertiary-950: #110e18;
} */