/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */

@include exports('table.properties') {
  @if $clr-use-custom-properties == true {
    :root {
      // Theme variables
      // Usage: ./data/_tables.clarity.scss
      // Usage: ./data/datagrid/_datagrid.clarity.scss
      --clr-table-bgcolor: var(--clr-color-neutral-0);
      --clr-thead-bgcolor: var(--clr-color-neutral-50);

      // Usage: ./data/datagrid/_datagrid.clarity.scss
      --clr-table-header-border-bottom-color: var(--clr-color-neutral-400);
      --clr-table-footer-border-top-color: var(--clr-color-neutral-400);
      --clr-table-border-color: var(--clr-color-neutral-400);

      // Usage: ./data/_tables.clarity.scss
      --clr-tablerow-bordercolor: var(--clr-color-neutral-200);
      --clr-table-border-radius: var(--clr-global-borderradius);
      --clr-table-borderwidth: var(--clr-global-borderwidth);

      // Border radius of corner cells needs to be slightly less than the table's,
      // To make sure they correctly cover the whole area up to the border.
      --clr-table-cornercellradius: #{$clr-table-border-radius - $clr_baselineRem_1px};

      // Usage: ./data/_tables.clarity.scss
      // Usage: ./data/datagrid/_datagrid.clarity.scss
      --clr-table-font-color: var(--clr-color-neutral-700);

      // Table header styles
      --clr-thead-color: #{$clr-thead-color};
    }
  }
}