/* Codebuddy VI Design System - 品牌色彩变量 */
:root {
  /* Primary Brand Colors - 根据 codebuddy-vi.md */
  --solar-orange: #FF6B35;      /* Solar Orange - Primary Brand Color */
  --sustainable-green: #2ECC71; /* Sustainable Green - Secondary Brand Color */
  --technology-green: #2ECC71;  /* Technology Green - Supporting Color (替换原蓝色) */
  
  /* Neutral Colors - 根据 codebuddy-vi.md */
  --light-gray: #F8F9FA;        /* Light Gray - backgrounds, subtle elements */
  --medium-gray: #6C757D;       /* Medium Gray - secondary text, borders */
  --dark-gray: #343A40;         /* Dark Gray - primary text, headers */
  --pure-white: #FFFFFF;        /* Pure White - clean backgrounds, contrast */
  --pure-black: #000000;        /* Pure Black - high contrast text, emphasis */
  
  /* Additional Neutral Shades */
  --border-light: #E9ECEF;      /* Light borders */
  --shadow-light: rgba(0, 0, 0, 0.1);  /* Card shadows */
  --shadow-hover: rgba(0, 0, 0, 0.15); /* Hover shadows */
  
  /* Theme Variables - GI Brand System */
  --gi-primary: var(--solar-orange);     /* Primary - CTAs, brand highlights, energy/innovation */
  --gi-secondary: var(--sustainable-green); /* Secondary - Environmental messaging, sustainability */
  --gi-accent: var(--sustainable-green); /* Accent - Technical information, professional elements (改为绿色) */
  --gi-background: var(--pure-white);
  --gi-text-primary: var(--dark-gray);
  --gi-text-secondary: var(--medium-gray);
  --gi-text-inverse: var(--pure-white);
  --gi-border: var(--border-light);
  --gi-card-bg: var(--pure-white);
  
  /* Button Specific Variables */
  --gi-button-primary: var(--solar-orange);
  --gi-button-primary-hover: #E55A2B;
  --gi-button-primary-active: #CC4A1F;
  --gi-button-secondary: var(--sustainable-green);
  --gi-button-secondary-hover: #27AE60;
  --gi-button-secondary-active: #229954;
}

/* Dark Mode Variables - 保持与品牌色彩一致 */
:root.dark {
  --gi-primary: #f89260;        /* 较亮的 Solar Orange - 保持品牌识别 */
  --gi-secondary: #4ade80;      /* 较亮的 Sustainable Green */
  --gi-accent: #4ade80;         /* 较亮的 Sustainable Green (改为绿色) */
  --gi-background: var(--dark-gray);
  --gi-text-primary: var(--pure-white);
  --gi-text-secondary: var(--light-gray);
  --gi-text-inverse: var(--dark-gray);
  --gi-border: #495057;
  --gi-card-bg: #495057;
  
  /* Dark Mode Button Variables */
  --gi-button-primary: #f89260;
  --gi-button-primary-hover: #ff9d70;
  --gi-button-primary-active: #e6824d;
  --gi-button-secondary: #4ade80;
  --gi-button-secondary-hover: #5fe68a;
  --gi-button-secondary-active: #3ed171;
}

/* Legacy CSS Variables (Commented) */
/* :root {
  --color-bg: 255 255 255;
  --color-border: 255 255 255;
  --color-box: 255 255 255;
  --box-border: 229 231 235;
  --box-sd: 226 232 240 / 0.5;
  --heading-1: 23 37 84;
  --heading-2: 31 41 55;
  --heading-3: 55 65 81;
}

.dark {
  --color-bg: 3 7 18;
  --color-box: 17 24 39;
  --box-border: 243 244 246/0.1;
  --box-sd: transparent;

  --heading-1: 255 255 255;
  --heading-2: 243 244 246;
  --heading-3: 209 213 219;
} */

/* @tailwind base;
@tailwind components;
@tailwind utilities; */

/* @layer base {
  html {
    scroll-behavior: smooth;
    font-family: "Raleway" sans-serif;
  }
} */
html {
  scroll-behavior: smooth;
}

/* body {
  font-family: "Raleway", sans-serif;
} */

[data-toggle-nav][data-open-nav="true"] #line1 {
  transform: translateY(0.375rem) rotate(40deg);
}
[data-toggle-nav][data-open-nav="true"] #line2 {
  transform: scaleX(0);
  opacity: 0;
}
[data-toggle-nav][data-open-nav="true"] #line3 {
  transform: translateY(-0.375rem) rotate(-40deg);
}

[data-nav-overlay][data-is-visible="true"] {
  visibility: visible;
  display: flex;
}

.glass {
  background: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(35px);
}

.glass-card {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(35px);
  border-radius: 20px;
  /* border: 2px solid rgba(255, 255, 255, 0.1); */
  box-shadow: 0 0 80px rgba(0, 0, 0, 0.25);
  /* padding: 30px 30px 30px 30px; */
}