@import 'tailwindcss' source(none);

@source '../js/admin';
@source '../js/ui';
@source '../js/shared';
@source '../views/admin';

@custom-variant dark (&:where(.dark, .dark *));

@import 'tw-animate-css';

@import './lib/contract.css';
@import './admin/tokens.css';
@import './lib/base.css';
@import './admin/controls.css';
@import './admin/editor.css';

@theme inline {
    --color-nav: var(--tk-nav-bg);
    --color-nav-fg: var(--tk-nav-fg);
    --color-nav-fg-muted: var(--tk-nav-fg-muted);
    --color-nav-line: var(--tk-nav-line);
    --color-nav-hover: var(--tk-nav-hover);
    --color-nav-active: var(--tk-nav-active-bg);
    --color-nav-active-fg: var(--tk-nav-active-fg);

    --color-nav-panel: var(--tk-nav-panel-bg);
    --color-nav-panel-fg: var(--tk-nav-panel-fg);
    --color-nav-panel-fg-muted: var(--tk-nav-panel-fg-muted);
    --color-nav-panel-line: var(--tk-nav-panel-line);
    --color-nav-panel-hover: var(--tk-nav-panel-hover);
    --color-nav-panel-active: var(--tk-nav-panel-active-bg);
    --color-nav-panel-active-fg: var(--tk-nav-panel-active-fg);

    --spacing-row-y: var(--tk-row-py);
    --spacing-row-x: var(--tk-row-px);
    --spacing-topbar: var(--tk-topbar-height);
    --spacing-nav: var(--tk-nav-width);
    --spacing-nav-collapsed: var(--tk-nav-width-collapsed);
    --spacing-nav-rail: var(--tk-nav-rail-width);
    --spacing-nav-panel: var(--tk-nav-panel-width);
}