/* ==========================================================
   Le Pont Design System
   ----------------------------------------------------------
   File    : typography.css
   Project : がんばる中高生応援ノート
   Purpose : サイト全体のタイポグラフィ設定
   Author  : Le Pont Design
   Version : 1.0.0
   Updated : 2026-07-08
========================================================== */


/* ==========================================================
   Body
========================================================== */

body{

    font-family:var(--font-base);

    font-size:var(--font-size-base);

    line-height:var(--line-height-base);

    color:var(--color-text);

    background:var(--color-bg);

    font-weight:400;

}


/* ==========================================================
   Paragraph
========================================================== */

.entry-content p{

    margin:0 0 var(--space-m);

}


/* ==========================================================
   Link
========================================================== */

.entry-content a{

    color:var(--color-primary);

    text-decoration:none;

    transition:opacity .3s ease;

}

.entry-content a:hover{

    opacity:.7;

}


/* ==========================================================
   Image
========================================================== */

.entry-content img{

    max-width:100%;

    height:auto;

}


/* ==========================================================
   Lead
========================================================== */

.entry-content .lead{

    font-size:var(--font-size-l);

    line-height:1.9;

    color:var(--color-text);

    margin-bottom:var(--space-l);

}


/* ==========================================================
   Heading Level 2
========================================================== */

.entry-content h2{

    margin:var(--space-xxl) 0 var(--space-l);

    font-size:var(--font-size-xxl);

    line-height:var(--line-height-heading);

    font-weight:700;

}


/* ==========================================================
   Heading Level 3
========================================================== */

.entry-content h3{

    margin:var(--space-xl) 0 var(--space-m);

    font-size:var(--font-size-xl);

    line-height:var(--line-height-heading);

    font-weight:700;

}


/* ==========================================================
   Heading Level 4
========================================================== */

.entry-content h4{

    margin:var(--space-l) 0 var(--space-s);

    font-size:var(--font-size-l);

    line-height:var(--line-height-heading);

    font-weight:600;

}


/* ==========================================================
   List
========================================================== */

.entry-content ul,
.entry-content ol{

    margin:0 0 var(--space-l);

    padding-left:1.5em;

}

.entry-content li{

    margin-bottom:var(--space-xs);

    line-height:1.8;

}


/* ==========================================================
   Table
========================================================== */

.entry-content table{

    width:100%;

    border-collapse:collapse;

    margin-bottom:var(--space-xl);

}

.entry-content th,
.entry-content td{

    padding:var(--space-s);

    border:1px solid var(--color-border);

    text-align:left;

}

.entry-content th{

    background:var(--color-bg-light);

    font-weight:600;

}


/* ==========================================================
   Quote
========================================================== */

.entry-content blockquote{

    margin:0 0 var(--space-l);

    padding-left:var(--space-m);

    color:var(--color-text-light);

}


/* ==========================================================
   Caption
========================================================== */

.entry-content figcaption{

    margin-top:var(--space-xs);

    font-size:var(--font-size-s);

    line-height:1.6;

    color:var(--color-text-light);

    text-align:center;

}


/* ==========================================================
   Code
========================================================== */

.entry-content code{

    padding:0.15em 0.4em;

    font-size:0.9em;

    background:var(--color-bg-light);

    border-radius:var(--radius-s);

}


/* ==========================================================
   Horizontal Rule
========================================================== */

.entry-content hr{

    margin:var(--space-xl) 0;

    border:none;

    border-top:1px solid var(--color-border);

}