/*! 
Seacom Skills University Unified Theme. 
Developer: Argentum Web Solutions 
*/
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
:root {
  --sys-font-body: Inter, system-ui, -apple-system, sans-serif;
  --sys-font-heading: Merriweather, Georgia, serif;
  --sys-font-code: Fira Code, monospace;
  --sys-font-size-body: 1rem;
  --sys-font-size-h1: 1.5rem;
  --sys-font-size-h2: 1.375rem;
  --sys-font-size-h3: 1.25rem;
  --sys-font-size-h4: 1.125rem;
  --sys-font-size-h5: 1rem;
  --sys-font-size-small: 0.875rem;
  --sys-font-size-large: 1.125rem;
  --sys-font-weight-normal: 400;
  --sys-font-weight-strong: 700;
  --sys-font-weight-light: 300;
  --sys-font-lineheight-normal: 1.5;
  --sys-font-lineheight-tight: 1.25;
  --sys-font-lineheight-relaxed: 1.75;
  --sys-font-lineheight-double: 2;
  --sys-align-left: left;
  --sys-align-right: right;
  --sys-align-center: center;
  --sys-align-justify: justify;
  --sys-spacing-normal-h: 0.375rem;
  --sys-spacing-normal-v: 0.625rem;
  --sys-spacing-tight-h: 0.25rem;
  --sys-spacing-tight-v: 0.5rem;
  --sys-spacing-relaxed-h: 0.5rem;
  --sys-spacing-relaxed-v: 0.75rem;
  --sys-spacing-gap-regular: 1rem;
  --sys-spacing-gap-tight: 0.75rem;
  --sys-spacing-gap-loose: 1.25rem;
  --sys-radius-small: 0.25rem;
  --sys-radius-default: 0.25rem;
  --sys-radius-large: 0.5rem;
  --sys-radius-pill: 9999px;
  --sys-radius-round: 50%;
  --sys-border-width-none: 0rem;
  --sys-border-width-thin: 0.0625rem;
  --sys-border-width-medium: 0.125rem;
  --sys-border-width-thick: 0.25rem;
  --sys-border-width-default: 0.0625rem;
  --sys-border-width-interactive: 0.0625rem;
  --sys-border-width-focus: 0.125rem;
  --sys-outline-width: 0.125rem;
  --sys-outline-offset: 0.125rem;
  --sys-outline-style: dashed;
  --sys-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --sys-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --sys-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --sys-elevation-dropdown: 1000;
  --sys-elevation-sticky: 1020;
  --sys-elevation-fixed: 1030;
  --sys-elevation-modal: 1040;
  --sys-elevation-popover: 1050;
  --sys-anim-duration-none: 0s;
  --sys-anim-duration-fast: 150ms;
  --sys-anim-duration-base: 200ms;
  --sys-anim-duration-slow: 300ms;
  --sys-anim-easing-standard: cubic-beizer(0.2, 0, 0, 1);
  --sys-anim-easing-enter: cubic-beizer(0, 0, 0.2, 1);
  --sys-anim-easing-exit: cubic-beizer(0.4, 0, 1, 1);
  --sys-breakpoint-sm: 576px;
  --sys-breakpoint-md: 768px;
  --sys-breakpoint-lg: 992px;
  --sys-breakpoint-xl: 1200px;
  --sys-breakpoint-xxl: 1400px;
  --sys-colors-brand-primary: #2d4a43;
  --sys-colors-brand-secondary: ;
  --sys-colors-text-primary: #080e0d;
  --sys-colors-text-secondary: #aecec6;
  --sys-colors-text-muted: #a6947c;
  --sys-colors-text-inverse: #e6e1da;
  --sys-colors-text-disabled: #2a453f;
  --sys-colors-surface-canvas: #080e0d;
  --sys-colors-surface-raised: #080e0d;
  --sys-colors-surface-sunken: #080e0d;
  --sys-colors-surface-overlay: #080e0d;
  --sys-colors-surface-default: #fdfbf7;
  --sys-colors-border-default: #080e0d;
  --sys-colors-border-subtle: #080e0d;
  --sys-colors-border-strong: #080e0d;
  --sys-colors-border-hover: #080e0d;
  --sys-colors-border-focus: #080e0d;
  --sys-colors-border-selected: #080e0d;
  --sys-colors-border-primary: #080e0d;
  --sys-colors-border-secondary: #080e0d;
  --sys-colors-border-success: #080e0d;
  --sys-colors-border-warning: #080e0d;
  --sys-colors-border-danger: #080e0d;
  --sys-colors-border-info: #080e0d;
  --sys-colors-border-light: #080e0d;
  --sys-colors-border-dark: #080e0d;
  --sys-colors-action-primary: #2d4a43;
  --sys-colors-action-primary-hover: #080e0d;
  --sys-colors-action-primary-active: #080e0d;
  --sys-colors-action-secondary: #aecec6;
  --sys-colors-action-secondary-hover: #5e9b8c;
  --sys-colors-action-secondary-active: #5e9b8c;
  --sys-colors-action-inverse: #e6e1da;
  --sys-colors-action-inverse-hover: #fffffe;
  --sys-colors-action-inverse-active: #fffffe;
  --sys-colors-outline: #c27d68;
  --sys-colors-outline-inverse: #c27d68;
  --sys-colors-status-primary: #080e0d;
  --sys-colors-status-secondary: #080e0d;
  --sys-colors-status-success: #080e0d;
  --sys-colors-status-warning: #080e0d;
  --sys-colors-status-danger: #080e0d;
  --sys-colors-status-info: #080e0d;
  --sys-colors-status-light: #080e0d;
  --sys-colors-status-dark: #080e0d;
  --sys-colors-status-bg-primary: #080e0d;
  --sys-colors-status-bg-secondary: #080e0d;
  --sys-colors-status-bg-success: #080e0d;
  --sys-colors-status-bg-warning: #080e0d;
  --sys-colors-status-bg-danger: #080e0d;
  --sys-colors-status-bg-info: #080e0d;
  --sys-colors-status-bg-light: #080e0d;
  --sys-colors-status-bg-dark: #080e0d;
  --sys-colors-icon-primary: #080e0d;
  --sys-colors-icon-secondary: #080e0d;
  --sys-colors-icon-disabled: #080e0d;
  --sys-colors-selection-bg: #080e0d;
  --sys-colors-selection-text: #080e0d;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

[data-theme=light],
body.light-mode {
  --sys-colors-brand-primary: #2d4a43;
  --sys-colors-brand-secondary: ;
  --sys-colors-text-primary: #080e0d;
  --sys-colors-text-secondary: #aecec6;
  --sys-colors-text-muted: #a6947c;
  --sys-colors-text-inverse: #e6e1da;
  --sys-colors-text-disabled: #2a453f;
  --sys-colors-surface-canvas: #080e0d;
  --sys-colors-surface-raised: #080e0d;
  --sys-colors-surface-sunken: #080e0d;
  --sys-colors-surface-overlay: #080e0d;
  --sys-colors-surface-default: #fdfbf7;
  --sys-colors-border-default: #080e0d;
  --sys-colors-border-subtle: #080e0d;
  --sys-colors-border-strong: #080e0d;
  --sys-colors-border-hover: #080e0d;
  --sys-colors-border-focus: #080e0d;
  --sys-colors-border-selected: #080e0d;
  --sys-colors-border-primary: #080e0d;
  --sys-colors-border-secondary: #080e0d;
  --sys-colors-border-success: #080e0d;
  --sys-colors-border-warning: #080e0d;
  --sys-colors-border-danger: #080e0d;
  --sys-colors-border-info: #080e0d;
  --sys-colors-border-light: #080e0d;
  --sys-colors-border-dark: #080e0d;
  --sys-colors-action-primary: #2d4a43;
  --sys-colors-action-primary-hover: #080e0d;
  --sys-colors-action-primary-active: #080e0d;
  --sys-colors-action-secondary: #aecec6;
  --sys-colors-action-secondary-hover: #5e9b8c;
  --sys-colors-action-secondary-active: #5e9b8c;
  --sys-colors-action-inverse: #e6e1da;
  --sys-colors-action-inverse-hover: #fffffe;
  --sys-colors-action-inverse-active: #fffffe;
  --sys-colors-outline: #c27d68;
  --sys-colors-outline-inverse: #c27d68;
  --sys-colors-status-primary: #080e0d;
  --sys-colors-status-secondary: #080e0d;
  --sys-colors-status-success: #080e0d;
  --sys-colors-status-warning: #080e0d;
  --sys-colors-status-danger: #080e0d;
  --sys-colors-status-info: #080e0d;
  --sys-colors-status-light: #080e0d;
  --sys-colors-status-dark: #080e0d;
  --sys-colors-status-bg-primary: #080e0d;
  --sys-colors-status-bg-secondary: #080e0d;
  --sys-colors-status-bg-success: #080e0d;
  --sys-colors-status-bg-warning: #080e0d;
  --sys-colors-status-bg-danger: #080e0d;
  --sys-colors-status-bg-info: #080e0d;
  --sys-colors-status-bg-light: #080e0d;
  --sys-colors-status-bg-dark: #080e0d;
  --sys-colors-icon-primary: #080e0d;
  --sys-colors-icon-secondary: #080e0d;
  --sys-colors-icon-disabled: #080e0d;
  --sys-colors-selection-bg: #080e0d;
  --sys-colors-selection-text: #080e0d;
}

@media (prefers-reduced-motion: reduce) {
  body {
    --sys-anim-duration-fast: var(--sys-anim-duration-none, 0s);
    --sys-anim-duration-base: var(--sys-anim-duration-none, 0s);
    --sys-anim-duration-slow: var(--sys-anim-duration-none, 0s);
  }
}

.form-control {
  border-radius: var(--sys-radius-default, 0.25rem);
}

body {
  background-color: var(--sys-colors-surface-default, #fdfbf7);
  color: var(--sys-colors-text-primary, #080e0d);
  font-size: var(--sys-font-size-body, 1rem);
  line-height: var(--sys-font-lineheight-normal, 1.5);
  font-family: var(--sys-font-body, Inter, system-ui, -apple-system, sans-serif);
  font-weight: var(--sys-font-weight-normal, 400);
  text-align: var(--sys-align-left, left);
}
body button:focus-visible,
body input:focus-visible,
body a:focus-visible {
  outline-width: var(--sys-outline-width, 0.125rem);
  outline-style: var(--sys-outline-style, dashed);
  outline-offset: var(--sys-outline-offset, 0.125rem);
  outline-color: var(--sys-colors-outline, #c27d68);
}
body .theme-inverse button:focus-visible,
body .theme-inverse input:focus-visible,
body .theme-inverse a:focus-visible {
  outline-color: var(--sys-colors-outline-inverse, #c27d68);
}

#sp-top-bar {
  background-color: var(--sys-colors-brand-primary, #2d4a43);
  color: var(--sys-colors-text-inverse, #e6e1da);
}
#sp-top-bar a {
  color: var(--sys-colors-action-primary, #2d4a43);
}
#sp-top-bar a:hover {
  color: var(--sys-colors-action-primary-hover, #080e0d);
}
#sp-top-bar a:active, #sp-top-bar a.active {
  color: var(--sys-colors-action-primary-active, #080e0d);
}

#sp-header {
  background-color: var(--sys-colors-brand-primary, #2d4a43);
  color: var(--sys-colors-text-inverse, #e6e1da);
}
#sp-header a {
  color: var(--sys-colors-action-inverse, #e6e1da);
}
#sp-header a:hover {
  color: var(--sys-colors-action-inverse-hover, #fffffe);
}
#sp-header a:active, #sp-header a.active {
  color: var(--sys-colors-action-inverse-active, #fffffe);
}

#sp-footer {
  background-color: var(--sys-colors-brand-primary, #2d4a43);
  color: var(--sys-colors-text-inverse, #e6e1da);
}

/*# sourceMappingURL=custom.css.map */