@layer properties, theme, base, defaults, lib, undo, layout, components, utilities, overrides;

/* @layer properties, base, theme and utilities set by tailwindcss */

@font-face {
  font-family: IntegralCF;
  font-weight: 400;
  src: url("/assets/IntegralCF-Regular-1c4ecc32.woff2");
}

@font-face {
  font-family: IntegralCF;
  font-weight: 500;
  src: url("/assets/IntegralCF-Medium-91f74b87.woff2");
}

@font-face {
  font-family: IntegralCF;
  font-weight: 700;
  src: url("/assets/IntegralCF-Bold-78af10a3.woff2");
}

@layer theme {
  :root {
    --colab-red:   oklch(66.52% 0.225 13);
    --colab-green: oklch(79.00% 0.164 155);
    --colab-blue:  oklch(53.21% 0.245 274);

    --lightsource-normal: #ffffff0d;
    --lightsource-strong: #fff4;
  }
}

@layer defaults {
  :root {
    --font-header: "IntegralCF", sans-serif;
    --font-button: var(--font-header);

    /* ------------------------------------------------------------ */
    /* COLOR SYSTEM DEFAULTS */
    /* ------------------------------------------------------------ */

    --surface-normal:    #000;
    --surface-light:     #111;
    --surface-lighter:   #222;
    --surface-lightest:  #333;

    --color-text-normal: #fff;
    --color-text-light:  #eee;

    --accent-normal-fg:  var(--color-text-normal);
    --accent-normal-bg:  var(--colab-blue);
    --accent-success-fg: var(--color-text-normal);
    --accent-success-bg: oklch(79.20% 0.209 150);
    --accent-warning-fg: var(--color-text-normal);
    --accent-warning-bg: oklch(47.29% 0.103 63);
    --accent-error-fg:   var(--color-text-normal);
    --accent-error-bg:   oklch(65.00% 0.232 28);
  }
}