/* 
#                     @@@@@@@@                     
#               %@@@@@@@...&@@@@@@@&#              
#            @@@@(                (@@@@(           
#         .@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@(         
#       /@@@@@@%.    /@@@@@@@@@.      %&@@@@(      
#     @@@@@%      (@@@#  @@. @@@@@       @@@@@@    
#   &@@@@@#      @@@@@@@@@@@@@@@@@@&     #@@(@@@%  
# /@@@**@@,   &@@@(              (@@@@@(  @@@ ,@@@ 
# @@@. /@@#/@@@@@@                ,@@@@@@/@@%  ,@@@
#@@@,  *@@@@@ &@@,      ,@@@       @@@@ @@@@/   %@@
#@@@,   *@@@  &@@      .@@@@@      .@@@ %@@@    .@@
#@@@,   %@@@& &@@,       ,,,       @@@@&@@@@@   .@@
#*@@@.  @@#/@@@@@@                ,@@@@@( (@@  .@@@
# &@@@. @@#   &@@@@*            .(@@@&    (@@ ,@@& 
#  #@@@@@@@      &@@@@@@@@@@@@@@@@@&      @@@@@@#  
#    #@@@@@@       @@@@#     #@@@@       &@@@@#    
#      .@@@@@@#.     ,@@@@@@@@@(     #@@@@@(.      
#          (@@@@@@@@@@@@@@@@@@@@@@@@@@@@@(         
#             &@@@(.             ./@@@@            
#                %@@@@@@@@@@@@@@@@&#               


============================================================
Base layout and typography styles for The Cybernetics Lab site.
============================================================ */

:root {
  --clab-bg: #020202;
  --clab-fg: #e8e8e8;
  --clab-font: ui-monospace, monospace;
  --clab-icon-size: 175px;
}

html, body {
  height: 100%;
  margin: 0;
  background: var(--clab-bg);
  color: var(--clab-fg);
  font-family: var(--clab-font);
  display: flex;
  align-items: center;
  justify-content: center;
}

#cybernetics-lab-icon {
  width: var(--clab-icon-size);
  height: var(--clab-icon-size);
}

/* ============================================================
   CHANGE LOG
   Document: theme.css
   Version: 0.1
   Description: Base layout styles extracted from index.html
   ------------------------------------------------------------
   2026-08-06, Add - Extracted inline styles into theme.css.
   ============================================================ */