@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&display=swap");

@layer grist-custom {
  /* Blue Fox branding */
  :root {
    --icon-GristLogo: url("https://data.bluefox.quebec/widgets/bluefox-logo.svg");
    --grist-theme-logo-bg: #2D3031;
    --grist-theme-logo-size: 44px 44px;
    --grist-theme-font-family: 'Lexend', system-ui, sans-serif;
    --grist-theme-font-family-data: 'Lexend', system-ui, sans-serif;
  }

  :root[data-grist-theme="GristLight"] {
    --grist-theme-primary: #29ABE1;
    --grist-theme-primary-muted: #1E8FBF;
    --grist-theme-primary-dim: #1A7AA5;
    --grist-theme-primary-emphasis: #B8E6F8;

    --grist-theme-token-cursor: var(--grist-theme-primary);
    --grist-theme-token-cursor-inactive: #8AD3F0;
    --grist-theme-token-selection: #29ABE126;
    --grist-theme-token-selection-opaque: #DDF1FA;
    --grist-theme-token-selection-darker-opaque: #D0EBF7;
    --grist-theme-token-selection-darker: #29ABE140;
    --grist-theme-token-selection-darkest: #29ABE159;

    --grist-theme-body: #2D3031;
    --grist-theme-bg-emphasis: #2D3031;
  }

  :root[data-grist-theme="GristDark"] {
    --grist-theme-primary: #29ABE1;
    --grist-theme-primary-muted: #3FBDE8;
    --grist-theme-primary-dim: #1E8FBF;
    --grist-theme-primary-emphasis: #1A7AA5;

    --grist-theme-token-cursor: var(--grist-theme-primary);
    --grist-theme-token-cursor-inactive: #1E6D8A;
    --grist-theme-token-selection: #29ABE126;
    --grist-theme-token-selection-opaque: #1A3A4D;
    --grist-theme-token-selection-darker-opaque: #1E4459;
    --grist-theme-token-selection-darker: #29ABE140;
    --grist-theme-token-selection-darkest: #29ABE159;
  }
}