/* ============================================
   COMMON.CSS - Shared base styles for ActaTerm
   ============================================ */

/* Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Base typography and layout */
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    background: #f5f5f5;
    color: #333;
}

/* Brand colors (CSS custom properties for easy theming) */
:root {
    --brand-primary: #c41e3a;
    --brand-primary-hover: #a01830;
    --text-primary: #333;
    --text-secondary: #666;
    --text-muted: #999;
    --border-color: #ddd;
    --border-light: #f0f0f0;
    --bg-white: white;
    --bg-gray: #fafafa;
    --bg-page: #f5f5f5;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.1);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.1);
}

/* Container utility */
.container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

/* Card/panel base */
.card {
    background: var(--bg-white);
    border-radius: 4px;
    box-shadow: var(--shadow-sm);
}