/* ==========================================================================
   Komater Tools - 主样式表
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. CSS 变量（自定义属性）
   -------------------------------------------------------------------------- */
   :root {
    --bs-primary: #3897B3;      /* 主品牌色 - 蓝色 */
    --bs-primary-light: #4EC1C4; /* 主色调的浅色变体 */
    --bs-background: #F2F7F7;    /* 主背景色 */
    --bs-highlight: #F1C40F;     /* 强调色 - 黄色 */
    --bs-text-dark: #2C3E50;     /* 深色文字 */
  }
  
  /* --------------------------------------------------------------------------
     2. 基础样式
     -------------------------------------------------------------------------- */
  body {
    font-family: 'Poppins', sans-serif;
    background-color: var(--bs-background);
    color: var(--bs-text-dark);
    margin: 0;
    min-width: 320px; /* 防止在小屏幕上出现横向滚动条 */
  }
  
  /* 全宽区域通用类 */
  /* 已迁移到utilities.css，无需保留 */
  
  /* --------------------------------------------------------------------------
     3. 排版样式
     -------------------------------------------------------------------------- */
  h1, h2 {
    font-weight: 600;
    color: var(--bs-text-dark);
  }
  
  .highlight {
    color: var(--bs-highlight);
  }
  
/* assets/css/pages/privacy-policy.css */

.privacy-policy-main-content {
    background-color: #fff; /* White background for content area */
    line-height: 1.7;
    font-size: 1rem;
    color: #333;
}

.privacy-policy-main-content .page-header h1 {
    color: var(--color-primary, #3897B3);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.privacy-policy-main-content .page-header .lead {
    font-size: 0.9rem;
    color: var(--text-light, #5D6D7E);
}

.policy-content section {
    margin-bottom: 2.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #eee;
}

.policy-content section:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.policy-content h2 {
    color: var(--color-primary-dark, #2A7A93);
    font-size: 1.5rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

.policy-content h3 {
    color: var(--color-secondary, #4EC1C4);
    font-size: 1.25rem;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    font-weight: 600;
}

.policy-content p, 
.policy-content ul li {
    margin-bottom: 0.75rem;
    color: var(--text-primary, #2C3E50);
}

.policy-content ul {
    padding-left: 20px;
}

.policy-content ul li {
    list-style-type: disc;
}

.policy-content strong {
    font-weight: 600;
    color: var(--text-primary, #2C3E50);
}

.policy-content a {
    color: var(--color-primary, #3897B3);
    text-decoration: underline;
}

.policy-content a:hover {
    color: var(--color-primary-dark, #2A7A93);
}

.policy-content .alert-warning {
    background-color: #fff3cd;
    border-color: #ffeeba;
    color: #856404;
    margin-top: 1.5rem;
    margin-bottom: 2rem;
}