/*
Theme Name: RED CAF
Theme URI: 
Author: Good
Author URI: 
Description: 
Requires at least: 6.6
Tested up to: 6.6
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: redcaf
Tags: 
*/

.graph-placeholder {
    padding-block: 1rem;
    padding-inline: 1rem;
    color: var(--wp--preset--color--contrast-3);
    background-color: #f5f5f5;
    border: 2px dashed var(--wp--preset--color--contrast-3);
    border-radius: 4px;
}

.box, .wp-block-group.box {
    padding-block: 1rem;
    padding-inline: 1.5rem;
    background: #e2f0f9;
    border: 2px solid var(--wp--preset--color--pale-cyan-blue);
    border-radius: 4px;
}

main strong,
main b,
.block-editor-iframe__body strong, 
.block-editor-iframe__body b {
    background-color: rgb(142 209 252 / 0.25); /* #8ed1fc */
}

main em, .block-editor-iframe__body em {
    background-color: rgb(0 208 132 / 0.25); /* #00d084 */
}

main a, .block-editor-iframe__body a {
    color: red;
}
main a + a, .block-editor-iframe__body a + a {
    color: blue;
}
main a + a + a, .block-editor-iframe__body a + a + a {
    color: green;
}


.chart, .chart-block {
  --chart-padding: 1.5rem;
  --border-color: #e5e7eb;
  --text-color: #6b7280;
  --bg-color: #ffffff;
  
  padding: var(--chart-padding);
  border: 1px solid var(--border-color);
  border-radius: 0.5rem;
  background-color: var(--bg-color);
  font-size: 1rem;
}

.chart__header {
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--border-color);
}

.chart__title, .chart-block__title {
  font-size: 1em;
  font-weight: 600;
  color: var(--text-color);
  margin: 0;
}

.chart-block__title, .chart-block__panels {
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--border-color);
}
.chart-block__panels > * {
    font-size: 0.875em;
    color: var(--text-color);
}

.chart__subtitle {
  font-size: 1em;
  font-weight: 400;
  color: var(--text-color);
  margin: 0;
}

.chart__wrapper {
  padding: 1rem 0;
}
.chart__wrapper p {
    font-size: 1em;
    color: var(--text-color);
}

.chart__canvas {
  width: 100%;
  aspect-ratio: 16/9;
  background-color: #eef2f6;
  border: 2px dashed #cbd5e1;
  border-radius: 0.25rem;
}

.chart__footer {
  padding-top: 0.75rem;
  border-top: 1px solid var(--border-color);
}

.chart__note,
.chart__source,
.chart-block__note,
.chart-block__source {
  font-size: 0.875em;
  color: var(--text-color);
  margin: 0;
}