timetracking/httpdocs/assets/styles/main.scss

// ─── Atoms ────────────────────────────────────────────────────────────────────
@use 'atoms/variables' as *;
@use 'atoms/mixins' as *;
@use 'atoms/typography';
@use 'atoms/buttons';
@use 'atoms/inputs';

// ─── Components ───────────────────────────────────────────────────────────────
@use 'components/week-nav';
@use 'components/entry-form';
@use 'components/entry-list';
@use 'components/month-calendar';
@use 'components/duration-help';
@use 'components/main-nav';
@use 'components/greeting';
@use 'components/crud';
@use 'components/login';
@use 'components/register';
@use 'components/account';
@use 'components/team';
@use 'components/stopwatch';

// ─── Sections ─────────────────────────────────────────────────────────────────
@use 'sections/timetracking';
@use 'sections/home';
@use 'sections/report';

// ─── Themes ───────────────────────────────────────────────────────────────────
@use 'themes/minimal';

// ─── Reset / Base ─────────────────────────────────────────────────────────────
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
}

body {
  background: var(--color-bg);
}

[hidden] {
  display: none !important;
}