@use '../mixins' as *;

@import './courseware/variables';

@import './courseware/a11y';
@import './courseware/blockadder';
@import './courseware/comments';
@import './courseware/content-courses';
@import './courseware/dashboard';
@import './courseware/sortable';
@import './courseware/tasks';
@import './courseware/toolbar';
@import './courseware/widgets';
@import './courseware/wizards';

@import './courseware/shelf';
@import './courseware/structural-element';
@import './courseware/containers/default-container';
@import './courseware/containers/accordion';
@import './courseware/containers/list';
@import './courseware/containers/tabs';
@import './courseware/blocks/default-block';

@import './courseware/layouts/call-to-action';
@import './courseware/layouts/collapsible';
@import './courseware/layouts/companion';
@import './courseware/layouts/import-zip';
@import './courseware/layouts/input-file';
@import './courseware/layouts/permissions';
@import './courseware/layouts/progress';
@import './courseware/layouts/radioset';
@import './courseware/layouts/ribbon';
@import './courseware/layouts/tabs';
@import './courseware/layouts/talk-bubble';
@import './courseware/layouts/tile';
@import './courseware/layouts/tree';
@import './courseware/layouts/tree-units';

:root {
    --color--courseware-border-default: #{$color--gray-5};
    --color--courseware-border-active: #{$color--gray-4};
    --color--courseware-background-default: #{$color--global-background};
    --color--courseware-background-highlight: #{$color--gray-6};
    --color--courseware-call-to-action-background: #{$petrol-20};
}