# General Styles Documentation for enchun.tw

This document outlines the general styles (fonts and colors) for the website, based on an analysis of the primary CSS file `enchun.webflow.shared.557e15b5a.css`.

## Color Palette

The color scheme is clean and professional, utilizing a primary blue for interactive elements and various shades of gray for text and backgrounds.

| Color          | Hex Value     | Description                               |
| :------------- | :------------ | :---------------------------------------- |
| **Text**       | `#333333`     | The primary color for body text.          |
| **White**      | `#ffffff`     | Used for backgrounds and button text.     |
| **Primary Blue** | `#3898ec`     | Used for buttons and focus indicators.    |
| **Link Blue**    | `#0082f3`     | Used for current/active navigation links. |
| **Light Gray** | `#e2e2e2`     | Used for borders (e.g., blockquotes).     |
| **Medium Gray**| `#dddddd`     | Used for UI element backgrounds.          |
| **Error Red**  | `#ffdede`     | Background color for form failure messages. |
| **Black (Overlay)** | `#000000e6` | A semi-transparent black for overlays.    |

## Typography

The website uses a modern, sans-serif font for readability. While the CSS file specifies Arial as a fallback, the live site primarily uses "Noto Sans TC".

### **Body Text**

*   **Font Family:** `Noto Sans TC`, `Arial`, `sans-serif`
*   **Font Size:** `14px`
*   **Line Height:** `20px`
*   **Color:** `#333333`

### **Headings**

All headings share a `font-weight` of `bold`.

*   **Heading H1**
    *   **Font Size:** `38px`
    *   **Line Height:** `44px`

*   **Heading H2**
    *   **Font Size:** `32px`
    *   **Line Height:** `36px`

*   **Heading H3**
    *   **Font Size:** `24px`
    *   **Line Height:** `30px`