@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  html {
    font-family: "Inter", "Pretendard", ui-sans-serif, system-ui, sans-serif;
    color: #111111;
    background: #f3f0ea;
  }

  body {
    min-height: 100vh;
    background:
      radial-gradient(circle at top, rgba(255, 255, 255, 0.9), transparent 32%),
      linear-gradient(180deg, #f6f2ea 0%, #efe8de 100%);
  }

  button {
    @apply outline-none;
  }
}

@media print {
  html,
  body {
    background: #ffffff !important;
    width: auto !important;
    height: auto !important;
    overflow: hidden !important;
  }

  body {
    min-height: auto;
    margin: 0;
  }

  main {
    min-height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .print-hidden {
    display: none !important;
  }

  .print-only {
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center;
    justify-content: center;
    break-inside: avoid-page;
    page-break-inside: avoid;
    break-after: avoid-page;
    page-break-after: avoid;
  }

  .print-root {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  .print-paper {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #ffffff !important;
    padding: 0;
    overflow: hidden;
  }

  body[data-print-layout='single'] .print-paper {
    width: 206mm;
    height: 293mm;
  }

  .print-paper--double {
    display: grid !important;
    grid-template-columns: repeat(2, 141mm);
    justify-content: center;
    align-content: center;
    column-gap: 3mm;
  }

  body[data-print-layout='double'] .print-paper {
    width: 287mm;
    height: 198mm;
  }

  body[data-print-layout='single'] .print-paper--single .print-sheet-frame {
    width: 152mm;
    height: 216mm;
  }

  .print-sheet-frame {
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    background: #ffffff !important;
  }

  body[data-print-layout='double'] .print-paper--double .print-sheet-frame {
    width: 141mm;
    height: 198mm;
  }

  .planner-sheet {
    box-shadow: none !important;
  }

  body[data-print-layout='single'] .print-paper--single .print-sheet-frame .planner-sheet {
    width: 762px !important;
    max-width: none !important;
    transform-origin: top left;
    transform: scale(0.732);
    box-shadow: none !important;
    background: #ffffff !important;
  }

  body[data-print-layout='double'] .print-paper--double .print-sheet-frame .planner-sheet {
    width: 762px !important;
    max-width: none !important;
    transform-origin: top left;
    transform: scale(0.694);
    box-shadow: none !important;
    background: #ffffff !important;
  }

  .print-sheet-frame .planner-sheet * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

@media screen {
  .print-only {
    display: none !important;
  }
}