:root { 
  --black: #000000;
  --ffffff: #ffffff;
  --hightlight: #f43ea0;
  --hint-of-red: #f9f9f9;
  --mountain-mist: #999999;
  --log-cabin: #22222280;
  --style: #121212;
  --vulcan: #0f151a;
  --white: #ffffffcc;
  --wild-sand: #f2f4f7;
  --x0f151a: #0f1519;


  /* 背景色系 - Dark Metal */
    --color-bg-main: #121212;
    --color-bg-main2: linear-gradient(135deg, rgb(61, 54, 50) 0%, rgb(18, 16, 14) 100%);
    
    --color-bg-surface: #2D2D30;
    
    /* 強調色系 - Blazing Fire */
    --color-primary: #FF4500;
    --color-primary-light: #FF8C00;
    --color-primary-dark: #CC3700;
    
    /* 次要元素色系 - Steel */
    --color-secondary: #5C5C66;
    
    /* 文字色系 */
    --color-text-main: #FFFFFF;
    --color-text-muted: #A0A0A5;
    
    /* 邊框與裝飾 */
    --color-border: #404046;


 
  --font-size-l: 20px;
  --font-size-m: 18px;
  --font-size-s: 13px;
  --font-size-xl: 22px;
  --font-size-xxl: 24px;
  --font-size-xxxl: 27px;
  --font-size-xxxxl: 30px;
 
  --font-family-exo_2: "Exo 2", Helvetica;
  --font-family-manrope: "Manrope", Helvetica;
  --font-family-sf_pro_display-medium: "SF Pro Display-Medium", Helvetica;
  --font-family-sf_pro_display-semibold: "SF Pro Display-Semibold", Helvetica;
}


:root {
}