/* =====================================================================
   Forgejo - ODSAi theme
   =====================================================================
   Loaded by templates/custom/header.tmpl. Both are bind-mounted from
   this repo into Forgejo's custom directory, so branding is versioned
   with the product rather than living inside a volume on one machine.

   WHY CSS AND NOT A TEMPLATE FORK:
   overriding Forgejo's own templates means re-merging them on every
   upgrade. Redefining CSS custom properties does not - Forgejo keeps
   using its own markup, and only the values change. Restyle, never
   fork, unless there is no other way.

   Values mirror branding/tokens.css. Kept literal here because Forgejo
   serves this file standalone, without the tokens file loaded.
   ===================================================================== */

:root,
:root[data-theme="odsai"],
.theme-odsai {
  --color-primary:            #3F51B5;
  --color-primary-contrast:   #FFFFFF;
  --color-primary-dark-1:     #3949A4;
  --color-primary-dark-2:     #334293;
  --color-primary-dark-3:     #2D3A82;
  --color-primary-dark-4:     #273371;
  --color-primary-dark-5:     #212B60;
  --color-primary-dark-6:     #1B234F;
  --color-primary-dark-7:     #161C3E;
  --color-primary-light-1:    #4E60C2;
  --color-primary-light-2:    #6373C9;
  --color-primary-light-3:    #7886D0;
  --color-primary-light-4:    #8D98D7;
  --color-primary-light-5:    #A2ABDF;
  --color-primary-light-6:    #B7BEE6;
  --color-primary-light-7:    #CBD0ED;

  /* Links and accents follow the brand rather than Forgejo's default. */
  --color-primary-alpha-10:   #3F51B51a;
  --color-primary-alpha-20:   #3F51B533;
  --color-primary-alpha-30:   #3F51B54d;
  --color-primary-alpha-40:   #3F51B566;
  --color-primary-alpha-50:   #3F51B580;
  --color-primary-alpha-60:   #3F51B599;
  --color-primary-alpha-70:   #3F51B5b3;
  --color-primary-alpha-80:   #3F51B5cc;
  --color-primary-alpha-90:   #3F51B5e6;

  /* Surfaces, matched to the course site so moving between the two
     does not feel like leaving the product. */
  --color-body:               #EFEFEF;
  --color-box-body:           #FFFFFF;
  --color-box-header:         #F2F4F5;
  --color-secondary:          #D6D9DD;
  --color-text:               #5A5A5A;
  --color-text-dark:          #1E2132;
  --color-text-light:         #9B9C9F;
  --color-footer:             #FAFBFD;

  --color-nav-bg:             #FFFFFF;
  --color-nav-text:           #1E2132;
}

body, .ui, .ui.menu, button, input, select, textarea {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* The navbar is the most recognisable surface in the UI, so it is what
   makes Forgejo read as part of the same product as the course site. */
.page-content .ui.secondary.menu,
#navbar {
  background-color: #FFFFFF;
  border-bottom: 1px solid #D6D9DD;
}