@layer properties {
  :root {
    /* ------------------------------------------------------------ */
    /* WARNING: LEGACY ADMIN COLORS */
    /* ------------------------------------------------------------ */

    --color-text: var(--color-text-normal);

    --surface:           var(--surface-normal);
    --surface-mix:       var(--surface-light);
    --surface-highlight: var(--surface-lightest);
    --surface-layer:     var(--surface-lighter);

    --accent:            var(--accent-normal-bg);
    --accent-success:    var(--accent-success-bg);
    --accent-warning:    var(--accent-warning-bg);
    --accent-error:      var(--accent-error-bg);

    --accent-layer: var(--accent-normal-bg);

    --gradient-text:  linear-gradient(135deg, #fff 0%, #e5e7eb 100%);
    --gradient-colab: linear-gradient(
      135deg,
      #ff3e6b 0%,
      #52dc8e 50%,
      #4b46ff 100%
    );

    /* ------------------------------------------------------------ */
    /* WARNING: LEGACY WEB COLORS */
    /* ------------------------------------------------------------ */
  }
}